作業環境

OS: ubuntu
Editor: atom

Emmetの省略記法

Emmetの省略記法を使うときにちょいちょいどう書けばいいのか直観的にわからないことがあるので、ちょっとまとめてみた。

font-sizeを期待してfsを展開するとfont-styleになる。

font-sizeはfx

box-shadowはbsではなくbxs

borderはboではなくbd

ちなみにbd+

で一発で枠線が引けるので憶えておくと便利かもしれない。

brは

border-radiusは

若干めんどうな形

自分はほぼ毎回使うlist-style:none

list-style: noneは

これは予想がつくけど、よく使うだけに意識し憶えとかないとついうっかりlnと打ってしまう。

こういった機能は手軽だからうまくいかなくても直接入力して済んでしまう。そのせいでぼんやり気になってても後回しになってたので一回軽くまとめて調べてみた。
emmetについてまだよく知らないから環境やエディタによって微妙に違ったりすることがあるのかもしれないけど参考までに。