Emmet

常用操作

简单

命令 效果
html:5 or !+tab html5文件模式
link:css 插入css
.div < div>< /div>
.box < div class=“box”>< /div>
div*2 < div>< /div> < div>< /div>
div>p < div>< p>< /p>< /div>
div+p < div>< /div>< p>< /p>

进阶

命令 效果
div{hello} < div>hello< /div>
div[alt=hello] < div alt=“hello”>< /div>
div>lorem < div>Lorem …< /div>
div>lorem1 < div>Lorem< /div>
(.box>h1)*3 < div class=“box”>< h1>< /h1>< /div> *3
p.box$*2 < p class=“box1”>< /p> < p class=“box2”>< /p>

Emmet CSS

命令 效果
m0 margin:0 0 0 0
ml10 margin-left:10px
Bg backgroud
c#000 color:#000
fl:l float:left
pos-r position:relative
fz12 font-size:12px
h10 height:10px
w10 width:10px

你可能感兴趣的:(Web)