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
... ...
喜欢文章或文章内容有帮助的话留下足迹鼓励一下博主吧~
标签:标签,class,笔记,生成,语法,id,div,emmet From: https://www.cnblogs.com/xz1005xfx/p/16835245.html