zoukankan      html  css  js  c++  java
  • Emmet 真是个好东西

    他的官网:http://docs.emmet.io/

    给广大程序员节省时间

    #page>div.logo+ul#navigation>li*5>a{Item $}
    生产
    <div id="page">
        <div class="logo"></div>
        <ul id="navigation">
            <li><a href="">Item 1</a></li>
            <li><a href="">Item 2</a></li>
            <li><a href="">Item 3</a></li>
            <li><a href="">Item 4</a></li>
            <li><a href="">Item 5</a></li>
        </ul>
    </div>
    样式也牛逼:
    margin: 10ex 20em;m10ex-5 → margin: 10ex -5px;.

    Value aliases

    Emmet has a few aliases for commonly used values:

    • p → %
    • e → em
    • x → ex

    You can use aliases instead of full units:

    • w100p →  100%
    • m10p30e5x → margin: 10% 30em 5ex

    Color values

    Emmet supports hex color values, like this: c#3 → color: #333;. The # sign is a value separator so you don’t need to use hyphen to separate it. For example, bd5#0s expands to border: 5px #000 solid: the #sign separates color from 5 and since s (alias to solid) is not a hexadecimal character, it can be used without- value separator.

    You can write one, two, three or six characters as color value:

    • #1 → #111111
    • #e0 → #e0e0e0
    • #fc0 → #ffcc00
  • 相关阅读:
    linux之awk命令
    HDU 2097 Sky数 进制转换
    HDU 2077 汉诺塔IV
    HDU 2094 产生冠军 dfs加map容器
    HDU 2073 叠框
    HDU 2083 简易版之最短距离
    HDU 2063 过山车 二分匹配
    天梯 1014 装箱问题
    天梯 1214 线段覆盖
    天梯 1098 均分纸牌
  • 原文地址:https://www.cnblogs.com/tongchuanxing/p/5663362.html
Copyright © 2011-2022 走看看