# 常用的 Emmet 縮寫

###### tags: `HTML` `CSS` `前端`

目前我使用的 VSCode 不用額外安裝就能用 HTML, CSS Emmet 縮寫，本篇用來記錄自己常用的縮寫

## HTML 縮寫

### ! = 產生一份 HTML5 架構
### p*5 = 產生五個 p 段落
### lorem10 = 產生十個字的假文
### lorem*10 = 產生十行假文
### .box = 產生一個 \<div class="box">\</div>
### #box = 產生一個 \<div id="box">\</div>

## CSS 縮寫
### w300 = width: 300px;
### h50em = height: 50em; (可指定單位)
### m30 = margin: 30px;
### mb30 = margin-bottom: 30px;