emmet语法，加快你的写代码速度

Css

• pos

position:relative;

• pos:s

position:static;

• pos:a

position:absolute;

• pos:r

position:relative;

• pos:f

position:fixed;

• fl

float:left;

• fl:n

float:none;

• fl:l

float:left;

• fl:r

float:right;

• d:n

display:none;

• d:b

display:block;

• d:f

display:flex;

• d:if

display:inline-flex;

• d:i

display:inline;

• d:ib

display:inline-block;

• v

visibility:hidden;

• v:v

visibility:visible;

• v:h

visibility:hidden;

• ov

overflow:hidden;

• ov:v

overflow:visible;

• ov:h

overflow:hidden;

• ov:s

overflow:scroll;

• ov:a

overflow:auto;

• c:p

cursor:pointer;

• m

margin:;

• m:a

margin:auto;

• mt

margin-top:;

• mt:a

margin-top:auto;

• mr

margin-right:;

• mr:a

margin-right:auto;

• mb

margin-bottom:;

• mb:a

margin-bottom:auto;

• ml

margin-left:;

• ml:a

margin-left:auto;

• p

padding:;

• pt

padding-top:;

• pr

padding-right:;

• pb

padding-bottom:;

• pl

padding-left:;

• bxz

box-sizing:border-box

• fw

font-weight:;

• fz

font-size:;

• ff

font-family:;

• va:m

vertical-align:middle;

• ta:l

text-align:left;

• ta:c

text-align:center;

• ta:r

text-align:right;

• bg

background:#000;

• bg+

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

• bg:n

background:none;

• Bgc

background-color:#fff;

• cnt

content:'';

• ol:n

outline:none;

• bd

border:;

• bd+

border:1px solid #000;

• bd:n

border:none;

• @m, @media

@media screen {

}

• ac:c

align-content:center;

以上这些代码的快捷写法在webstorm 2017都是有支持的，可不要小看这些码代码的细节，因为即使每行代码节省.5s，最后也是非常可观的