CSS-Emmet语法

CSS-Emmte语法的特点如下:

  1. 快速生成HTML结构语法
  2. 快速生成CSS样式语法
  3. CSS基本采取简写形式即可
  4. 比如:w200 按tab 可以生成 🧡width: 200px;💛
  5. 比如: ln26 按tab 可以生成 🧡line-height: 26px;💛

快速生成CSS结构语法如下:

  1. CSS基本采取简写形式即可

  2. 简写为:tac 然后按tab键 :🧡text-align: center;💛

  3. 简写为:ti2em 然后按tab键 : 🧡text-indent: 2em;💛

  4. 还有一种简写为:w100 : 🧡width: 100px;💛

  5. 还有一种简写为:h100 : 🧡height: 100px;💛

  6. 这种简写为:tl2em : 🧡table-layout: 2em;💛

  7. 这种简写为:lh26px : 🧡line-height: 26px;💛

  8. 这种简写为: tdn : 🧡text-decoration: none;💛

返回标题