HTML5中标签的快捷输入

第一类：快速输入标签

1、按！ tab 生成最外层框架

2、按div tab 直接生成一对div其他标签的快速生成也是如此

输入div,按下tab

3.如果你想生成多个相同的标签，加上*号便可，如div*3 tab键

4.如果有父子关系，可以使用> ,如ul>li tab键

5.如果有兄弟关系的标签，请使用 号和tab键，如div p tab

第二类:快速输入带选择器标签的标签

6.如果生成带有类名或类名的产品id直接写名字的标签.one 或者#two 再加tab键就行(此时默认再次div标签下）

7.针对上一个 ，如果不想用div的可以换 如p.one tab键、如ul>li#two tab键

8.如果生成的类名有序，请使用.one$*6 tab键,如p.two$*3 tab,其中$自增符号(一般从1开始自增)

9.如果你想在生成的标签内写内容，可以用{}来表示div{文字1} tab键,div{文字2}*5 tab键，如div{文字3$}*5 tab键

文字1
      
文字2
     
文字2
     
文字2
     
文字2
     
文字2
      
文字31
     
文字32
     
文字33
     
文字34
     
文字35
 

第三类：快速输入风格

一般来说，输入样式时输入首字母 回车会自动补充这种风格，比如w500px enter(即width:500px;)，如tac(即text-align:center;)

总结:

在将来编写代码时，学会使用快速输入可以省时省力！