Emmet语法快速生成HTML语言

快速生成HTML语法

Emmet语法的前身是Zen coding 它使用缩写来提高HTML/CSS的编写速度

1. 生成标签直接输入标签名 按tab键即可 比如 div然后tab键就可以生成<div></div>

2. 如果想要生成多个相同的标签 加上*就可以了 比如div*3就可以快速生成3个div标签

3. 如果有父子级关系的标签，可以用>比如ul>li就可以了

   <ul>
   	<li></li>
   </ul>
   

4. 如果有兄弟关系的标签，用+就可以了 比如div+p

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

5. 如果生成带有类名或者id名字的，直接写,比如.demo或者#towtab键就可以了 默认div

   <div class="demo"></div>
   

6. 如果生成的div类名是有顺序的，可以用自增符号$比如.demo$*5

   <div class="demo1"></div>
   <div class="demo2"></div>
   <div class="demo3"></div>
   <div class="demo4"></div>
   <div class="demo5"></div>
   

7. 如果想要在生成的标签内部写内容可以用{}表示
   p{这是一个标签}------><p>这是一个标签</p>

快速生成CSS样式语法

缩写形式	表示
w	width:
lh	line-height:
tac	text-align: center;
ti	text-indent:
h	height
tdnone	text-decoration: none;

等等。。。。太多了。。。。。