emmet语法
2017-02-28 本文已影响86人
DecadeHeart
1.初始化操作
html:5或者!:进行html5初始化
html:xt:
html:4s
2.添加文本
p.class1#class2
3.嵌套
p>span子元素符号
p+span同级元素
p^可以让符号前的标签提升一行
4.分组
(.foo>h1)+(.bar>h2)快速生成代码块
5.隐式标签
省去div直接.item可以直接生成div块级元素,可以根据父级标签进行自我判断,例如在ul标签下.item默认属于是在li块级元素当中
6.定义多个元素,以及带不同属性
ul>li.item$3
或者ul>li.item3
区别是以$结尾,可以自动生成三个不同样式默认编号
7.值
w100相当于width:100px
其他单位
h10p+m5e
height:10%(percent)
margin:5em
8.附加属性
@f可以生成
@font-face {
font-family:;
src:url();
}
9.模糊匹配
ov:h/ov-h/ovh/oh直接生成相同代码