Emmet 除了能用在 HTML 之外，在 CSS 也很好用，你只需要打幾個字首，然後一樣按下 Enter 它就能幫你打出來。由於 Emmet 提供的東西也很多，所以我大概列出幾個我常用的 Snippet 就好。
| 關鍵字 | CSS |
|---|---|
pos |
position:relative; |
t |
top:; |
r |
right:; |
b |
bottom:; |
l |
left:; |
d |
display:block; |
d:n |
display:none; |
| 關鍵字 | CSS |
|---|---|
m |
margin:; |
mt |
margin-top:; |
mr |
margin-right:; |
mb |
margin-bottom:; |
ml |
margin-left:; |
p |
padding:; |
pt |
padding-top:; |
pr |
padding-right:; |
pb |
padding-bottom:; |
pl |
padding-left:; |
| 關鍵字 | CSS |
|---|---|
! |
!important |
@m, @media |
@media screen {} |
如果你想要知道更多可用的 Emmet 關鍵字，建議你去看 Emmet 的官方小抄。
備註：由於我平常比較少在玩前端，所以常用的 CSS 就比較少一點，如果你是常玩前端的話，相信 Emmet 應該可以加速你的開發速度 ?
iThome鐵人賽
看影片追技術