zen-coding的使用

zen-coding的语法

   zen-coding又名emmet，对于前端程序员使用它可以加快程序的编写，提高效率。
   zen-coding(webstorm)安装：
       file -> settings -> plugins 点击搜索emmet，然后安装
   zen-coding使用
       例如：
            输入：p.foo -> 点击tab键(只有点击tab键才可将代码转换)
            输出：`<p class="foo"></p>`  
    zen-coding语法：
        1、child >
        2、sibling +
        3、climb-up ^ (跳至上一级)
        4、multiplication * (多个，ul>li*5)
        5、grouping ()
        6、id and class .className#idName
        7、custom attr [attrName="value"]
        8、item number $  ul>li$*5 (按顺序)
        9、change number @
            ul>li.item$@-*5 (按倒序)

            ul>li.item$@-3*5 (按倒序，最小是3，3是改变开始的顺序)
        10、text {} (文本)