Web快速输入标签

  在书写web代码的时候，掌握一些快捷输入方式不仅可以提高效率，还能省不少力气。

1. > :下一个子标签，如 div>p 加Tab达到：

<div><p></p></div>

2.*:批量产生多个，如div*3、div>p*6;

3.div{}:标签的内容，如：div{hello!}加Tab达到：

<div>hello!</div>

4.div#:选择器属性，如div#abc加Tab达到：

<div id="abc"></div>

5.div.:选择器属性，如div.abc加Tab达到：

<div class="abc"></div>

6.输入 a[href=#] 按tab键:

<a href="#"></a>

7.输入：ul.menu>li*6>a[href=#]{HTML} 按tab键:

<ul class="menu">
    <li><a href="#">HTML</a></li>
    <li><a href="#">HTML</a></li>
    <li><a href="#">HTML</a></li>
    <li><a href="#">HTML</a></li>
    <li><a href="#">HTML</a></li>
    <li><a href="#">HTML</a></li>
</ul>

8.输入 ul>li*5>a[href=#]{我是第$个} 再按tab键:

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

9.引入css link:css 加tab键:

    <link rel="stylesheet" href="css/mycss.css">

10.引入js script:src 加tab键:

<script src=""></script> 

11.input:button 加tab键:

<input type="button" value="">