笔记:《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

... ...

 

 

 

😜喜欢文章或文章内容对您有帮助点个赞鼓励一下吧~

posted @ 2022-10-28 11:40  小小小侠  阅读(17)  评论(0编辑  收藏  举报