yuheijotaki.com

Emmet よく使う css

Emmetを最近使ってみてちょっと慣れてきたのでcssのだけよく使うものをまとめます。
Cheat Sheetもありますが、ある程度直感でやるほうがおもろいです。

 

/*color: #222;*/
c#2
/*background: #fff;*/
bg#f

/font-size: 14px;/ fz14 /line-height: 1.4;/ lh1.4 /font-weight: bold;/ fwb /text-decoration: underline;/ tdu /text-align: center;/ tac

/width: 100px;/ w100 /height: 100px;/ h100

/float: right;/ fr /float: left;/ fll

/margin: 10px;/ mg10 /margin-top: 10px;/ mt10 /margin-right: 10px;/ mr10 /margin-bottom: 10px;/ mb10 /margin-left: 10px;/ ml10 /padding: 10px;/ pd10 /padding-top: 10px;/ pt10 /padding-right: 10px;/ pr10 /padding-bottom: 10px;/ pb10 /padding-left: 10px;/ pl10

/position: absolute;/ posa /top: 0;/ t0 /bottom: 0;/ b0 /left: 0;/ l0 /right: 0;/ r0

/border: 1px solid #000;/ bd+

/display: block;/ db /display: none;/ dn

/overflow: hidden;/ oh

/list-style: none;/ lisn

/cursor: pointer;/ curp