[PhpStorm/WebStorm] Emmet記法でCSSを記述する

harada 54views 更新:2015年5月27日

EmmetではCSSも記述することができたのですね。
ショートコードというそうで、以前ご紹介したhttp://docs.emmet.io/cheat-sheet/こちらのチートシートに記述されています。

かなり数が多いので、覚えるのは難しそうですが、せめてよく利用するタグのみは覚えておくと楽そうです。
数値は:の後に記述します。

ex. marginはm

m:10px 

↓タブで展開する

margin:10 px;

mt:10px

↓タブで展開する

margin-top:10 px;

ex. paddingはp

p:10px

↓タブで展開する
padding:10 px;

頭文字系は適当にやってもできそうですね!

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません