Emmet教程

快捷键	功能
ctrl + shift + ;	删除选定的元素标签对
输入“html:5” + tab	生成html5文档
ctrl+.	整块区域跳转
ctrl+u	自动获取更新图片大小
ctrl+”	转换外联图片为data:url base64编码

//html语法规则  
   1.  E 为 HTML元素
   2.  E#id E.class  id,class简写
   4.  E[attr=foo]   特定属性。
   5.  E{foo}        包含的内容。
   6.  E>N   N是E的子元素。
   7.  E+N   N是E的同辈。
   8.  E^N   N是E的父辈。
   9.  $*N  连写与自动编号 例：#item$*3
   10. $@-  $后面加@- , 实现倒序排序  例：E$@-  

   //css语法规则
  ‘+’      连接两条语句  例：w100+h20+m10-20
   w80 h20 高宽，不带单位默认为px，带p表示%
   m10-20  表示 margin: 10px 20px

   c#3     表示颜色 color: #333
   bd5#0s  表示 border: 5px #000 solid
   !       表示 !important

   背景渐变 lg(left, #fff 50%, #000)
   @f      @font-face{}结构简写
   @f+     加强@font-face{}结构简写
   -CSS3属性 前面加-，表示自动添加游览器前缀

    //其它高级用法
    lorem   自动生成一段随机文本
    lorem10 数字10表示生成文本单词数