Emmet语法-简写

HTML：

1. 想生成标签直接输入标签然后按tab键可以直接生成，比如:div+tab键=

   <div></div>

2. 如果想要生成多个相同标签可以直接用*号，比如需要10个div，那么我们可以输入:div*10+tab键=

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

3. 如过有包含级关系的，可以直接用>号，比如ul里面有li，可以直接写：ui>li+tab键=

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

4. 如果有并列关系的可以用+号表示,比如div和span和table并列显示：div+span+table+tab键=

   <div></div>
   <span></span>
   <table></table>

5. 如果生成带有类名的可以用.生成带有ID的可以用#，这两个的用法是一样的，比如：.nav+tab键=

   <div class="nav"></div>

   #id+tab键=

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

   .nav#id+tab键=

   <div class="nav" id="id"></div>

   因为默认是div标签，如果需要给p标签，可以写为：p.nav+tab键

   <p class="nav"></p>

    

6. 如果需要排序可以用自增$符号，比如：.nav$*10+tab键=

   <div class="nav1"></div>
   <div class="nav2"></div>
   <div class="nav3"></div>
   <div class="nav4"></div>
   <div class="nav5"></div>
   <div class="nav6"></div>
   <div class="nav7"></div>
   <div class="nav8"></div>
   <div class="nav9"></div>
   <div class="nav10"></div>

7. 标签里面默认生成一些文字，比如div里面默认生成造梦空间论坛，可以写为：div{造梦空间论坛}+tab键=

   <div>造梦空间论坛</div>

   div{造梦空间论坛$}*10+tab键=

   <div>造梦空间论坛1</div>
   <div>造梦空间论坛2</div>
   <div>造梦空间论坛3</div>
   <div>造梦空间论坛4</div>
   <div>造梦空间论坛5</div>
   <div>造梦空间论坛6</div>
   <div>造梦空间论坛7</div>
   <div>造梦空间论坛8</div>
   <div>造梦空间论坛9</div>
   <div>造梦空间论坛10</div>

    

CSS：

1. 居中：tac+tab键=text-align: center;
2. 首行缩进：ti+tab键=text-indent: ;
3. 宽度：w+tab键=width: ;
4. 长度：h+tab键=height: ;
5. 长度100px：w100+tab键=width: 100px;
6. 宽度100px：h100+tab键=height: 100px;