yuheijotaki.com

2014/02/22 : 
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