「这是我参与11月更文挑战的第4天,活动详情查看:2021最后一次更文挑战
Emment语法快速生成HTML结构(body结构里面)
1.生成标签:直接输入 标签名,按TAB键生成
2.生成多个标签:直接输入 标签名*数量,按TAB键生成
P*3
3.输入父子关系的标签:父标签>子标签,按TAB键生成
ul>li
4.输入兄弟关系的标签:标签1+标签2,按TAB键生成
div+span
5.生成带有类名或者id名的标签:.demo或者#demo,按TAB键生成
默认为div标签
.demo
<div class="demo"></div>
如果想要生成其他标签
p.demo
<p class="demo"></p>
6.生成带有顺序的类名或者id名的标签,使用自增符号$,按TAB键生成
.demo$*4
<div class="demo1"></div>
<div class="demo2"></div>
<div class="demo3"></div>
<div class="demo4"></div>
7.生成带有内容的标签,使用{},按TAB键生成
div{我喜欢男人$}*5
<div>我喜欢男人1</div>
<div>我喜欢男人2</div>
<div>我喜欢男人3</div>
<div>我喜欢男人4</div>
<div>我喜欢男人5</div>
Emment语法快速生成CSS结构
使用tab键补齐
比如
text-align:center;---tac按tab
weigh: 100px;---w100
快速格式化代码
webstorm使用快捷键CTRL+ALT+L自动正确格式化代码