一.使用快捷输入注意事项
1.输入完代码后按键盘上的Tab键。
2.光标一定要定在代码的最后才会生效。
3.标签名后加中括号 [ ] 是输入属性值,加大括号 { } 是输入文本。
二.代码格式
1.父子关系( > ):
标签名>标签名>标签名>标签名+tab(生成代码)
div>ul>li>a
等价于:
<div>
<ul>
<li><a href=""></a></li>
</ul>
</div>
2.兄弟关系( + ):
标签名>标签名>标签名>标签名+tab(生成代码)
div+p+div+p
等价于:
<div></div>
<p></p>
<div></div>
<p></p>
3.乘法关系( * ):
标签名*需要的个数+tab(生成代码)
div*5
等价于:
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
4.給标签加类名:
1.class属性:
标签名.class类名+tab(生成代码)
div.class
等级于:
<div class="class"></div>
2.id属性:
标签名#id类名+tab(生成代码)
div#id
等价于:
<div id="id"></div>
5.组合代码
div.y>ul>li*5>a[href="#"]{$}
等价于:
<div class="y">
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>
</div>