- !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>
|
