Emmet语法

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

快速生成HTML结构语法

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

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>勾选自动保存格式化代码。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容