使用Emmet语法可快速生成html框架和标签,以及css代码
ps~本人使用的vscode编辑器
Emmet语法:
1.快速生成HTML框架使用:! 然后按Tab键
2.快速生成多个相同标签使用:标签名 * 数量 然后按Tab键
3.快速生成多个带内容的标签使用:标签名 {内容} * 数量 然后按Tab键
4.快速生成多个数字使用:$ * 数量 然后按Tab键
5.快速生成带class属性/id属性的div使用:.属性值 * 数量/#属性值 * 数量 然后按Tab键
6.元素下面包含元素使用:父元素>子元素 然后按Tab键
7.元素下面并列元素使用:兄弟元素+兄弟元素 然后按Tab键
<strong>注意:编辑时标签和符号之间是没有空格的,我是为了方便观看,所以在此编写时加上了空格</storng>
网友评论