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，最后也是非常可观的
