前回は「Emmet」でコーディング作業を効率化しよう。-HTML編-を解説させていただきました。
今回は、CSS編のタグの紹介です。
下記にタグのリストが記載されていますので、参考にしてください。

CSSの記述基本編

「w」・・・widthの追加

　
 w980


 width: 980px;
　

「bg」・・・backgroundの追加

　
 bg#000


 background: #000;
　

「bg+」・・・background(画像)の追加

　
 bg+


 background: #fff url() 0 0 no-repeat;
　

「c」・・・colorの追加

　
 c#444


 color: #444;
　

「bd」・・・borderの追加

　
 bd1pxsolid#ddd


 border: 1pxsolid #ddd;
　

「fz」・・・font-sizeの追加

　
 fz16


 font-size: 16px;
　

「mt」・・・margin-topの追加

　
 mt10


 margin-top: 10px;
　

「fl」・・・float:leftの追加

　
 fl


 float: left;
　

応用編

「-(マイナス)」を入れる事で、接頭辞(ベンダープレフィックス)も簡単につけれます。これはかなり楽ですね★

「-bdrs」・・・border-radiusの追加

　
 -bdrs8


-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
　

下記にタグのリストが記載されていますので、是非Emmetを使用してコーディングしたいという方は参考にしてください。

CSSで画像をマウスオーバーしたときに効果を与える小技①

「Emmet」でコーディング作業を効率化しよう。-HTML編...