Emmet语法

它使用缩写,来提高html/css的编写速度。

快速生成HTML结构语法

1.生成标签直接输入标签名按下tab键即可 比如 div 然后tab键,就可以生成

2.如果想要生成多个相同的标签 加上就可以了 比如div4就可以快速生成4个div

3.如果有父子级关系的标签,就可以用> 比如ul>li就可以了

4.如果有兄弟关系的标签,用+就可以了比如div+p

5.如果生成带有类名或者id名字的,直接写.demo或者#two tab键就可以了

6.如果生成的div类名是有顺序的,可以用自增符号$

7.如果想要在生成的标签内部写内容可以用{}表示

快速生成CSS样式

css基本采取简写的形式即可
1.比如w200 按下tab 可以生成width: 200px;
2.比如 lh26 按下tab 可以生成line-height: 26px;
3.按下tac可以生成text-align: center;

快速格式化代码

1.shift+alt+f
2.打开设置 >搜索format>勾选自动保存格式化代码。

你可能感兴趣的:(Emmet语法)