web

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$
或者ul>li.item
3
区别是以$结尾,可以自动生成三个不同样式默认编号

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直接生成相同代码

上一篇 下一篇

猜你喜欢

热点阅读