Emmet：HTML/CSS代码快速编写神器（Sublime）

使用Sublime有一段时间了，但是此前基本都是简单使用，插件没时间多弄。刚好最近有时间，百度研究了一番。
过程中，发现一些插件的确很有意思，特此总结记录。
一、安装过程：
1.Github搜索：emmet；
2.按星排序第一个就是；（链接：github.com/sergeche/emmet-sublime）
3.下载；
4.解压，以Emmet命名文件夹，放到\Sublime Text\Data\Packages中；
5.在Github中下载pyv8仓库，并存放到\Sublime Text\Data\Installed Packages\PyV8目录中。

二、使用：
1.使用方式：输入指令代码，按Tab键自动生成。
2.HTML指令：
2.1.文档结构初始化：

    html:5 或!：用于HTML5文档类型 
    html:xt：用于XHTML过渡文档类型 
    html:4s：用于HTML4严格文档型

2.2.html元素：

    p：表示“段落元素”；（如不输入，会根据位置生成默认元素）
    .：表示“类属性”；
    #：表示“id属性；
    { }：表示“元素内容；
    [ ]：表示“元素属性；

2.3.html元素结构：

    >：子元素符号，表示嵌套的元素
    +：同级标签符号
    ^：可以使该符号前的标签提升行
    （）：表示“分”
    *：生成多个相同元素

3.CSS常用指令：
3.1.自填充属性：

        w100：表示width:100px;
        m5e：表示margin:5em;
        h50p：表示heigth:50%;
        p20x：表示padding:20ex;

3.2.附加属性：

        @f：生成@font-face{ }
        @f+：生成详细的@font-face{ }

3.3.如果输入非W3C标准的CSS属性，Emmet会自动加上供应商前缀，比如输入trs：

        w 表示 -webkit-
        m 表示 -moz- 
        s 表示 -ms- 
        o 表示 -o-

3.4.渐变：

        lg(left, #fff 50%, #000)，

更多请查阅原文：http://www.iteye.com/news/27580