10 09/2014

emmet 笔记 2 - css Abbreviation

最后更新: Wed Sep 10 2014 12:39:11 GMT+0800

Css Abbreviations css 简写

p20 然后按 tab 键,生成(以下类推)

padding: 20px;

p10!+m10e!

padding: 10px !important;
margin: 10em !important;

用来写 prefix

-wm-trf

-webkit-transform: ;
-moz-transform: ;
transform: ;

zi2

z-index:2;

-wmso-transform

-webkit-transform: ;
-moz-transform: ;
-ms-transform: ;
-o-transform: ;
transform: ;

单位和颜色

单位

  • p → %
  • e → em
  • x → ex

颜色

  • #1 → #111111
  • #e0 → #e0e0e0
  • #fc0 → #ffcc00

line-gradient

lg(top,red,blue)

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(red), to(blue));
background-image: -webkit-linear-gradient(red, blue);
background-image: -moz-linear-gradient(red, blue);
background-image: -o-linear-gradient(red, blue);
background-image: linear-gradient(red, blue);

bxz

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;