!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>代码快捷输入方式</title></head><body><!--1.父子关系:--><!--div>p 加Tab键--><div><p></p></div><!--2.兄弟关系,并列关系--><!--div+p加Tab键--><div></div><p></p><!--3.乘法关系,--> <!--ul>li*4加Tab键--><ul><li></li><li></li><li></li><li></li></ul><!--4.id及class属性--><!--div#one加Tab键--><div id="one"></div><!--div.two加Tab键--><div class="two"></div><!--5.元素内容--> <!--div.two{我是div元素}加Tab键--><div class="two">我是div元素</div><!--6.自增符号$--><!--p.a${我是第$个段落}*3加Tab键--><p class="a1">我是第1个段落</p><p class="a2">我是第2个段落</p><p class="a3">我是第3个段落</p></body>
</html>