CSS基础（下）

一.Emmet语法

简介：Emmet语法前身是Zen coding,它使用缩写来提高HTML和CSS的编写速度。

1.快速生成HTML结构的语法

     (1)生成标签  输入div，按tab键生成<div></div>

     (2)生成多个相同标签   加上*，如div*3即可快速生成3个div

     (3)父子级关系标签用>,如 ul>li

     (4)兄弟关系标签+，如div+p

     (5)生成带有类名用 .demo,如.number生成<div class="number"></div>

         若输入p.number生成<p class="number"></p>

     (6)生成带有id名的用#two，如#轶点点 生成<div id="轶点点"></div>

     (7)若生成的div类名有顺序，可用自增符号$.

      如输入.demo$*5

          生成<div class="demo1"></div>

                 <div class="demo2"></div>

                 ......

                 <div class="demo5"></div>

     (8)输入div{ 内容 }输出<div>内容</div>

 2.快速生成CSS样式

     输入tac按tab键，得到text-align:center;

    类似的，输入ti2em,tab键,得到text-indent:2em;