# iT 邦幫忙鐵人賽 DAY 22 CSS 神器 - Emmet

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;

# Margin & Padding

關鍵字 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:;

# other

關鍵字 CSS
! !important
@m, @media @media screen {}

# 更多可用的關鍵字

如果你想要知道更多可用的 Emmet 關鍵字,建議你去看 Emmet 的官方小抄

備註:由於我平常比較少在玩前端,所以常用的 CSS 就比較少一點,如果你是常玩前端的話,相信 Emmet 應該可以加速你的開發速度 😄