笔记:《emmet语法》
emmet语法笔记:
在写代码工具中快速生成HTML结构语法:
以div为例:
1、快速生成标签,下载auto close tag插件,输入div然后回车,自动添加关闭标签;
2、同时生成多个同级的相同标签:div*个数;
3、同时生成父子层级的标签:div>span (div是span的父盒子);
4、同时生成同级但不同标签的盒子:div+p;
5、生成标签的同时创建class:div.class
让生成的class有顺序的自增:div.类名$*个数;
6、生成标签的同时创建id:div#id;
让生成的id有顺序的自增:div#id名$*个数;
7、在生成标签的同时添加内容:div{};
快速生成CSS样式:样式首字母+数值,然后回车或tab键补全
例:
w200=》width:200px;
lh40=》line-hight : 40px
... ...
😜喜欢文章或文章内容对您有帮助点个赞鼓励一下吧~