星空网 > 软件开发 > 网页设计

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 → width: 100%
  • m10p30e5x → margin: 10% 30em 5ex

Color values

Emmet supports hex color values, like thisc#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



原标题:Emmet 真是个好东西

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流