用途

• HTML代码快速生成语言

语法

Emmet HTML

• 元素级联结构
  • 创建文档 -- ! -- !+Tab
  • 子元素 -- > -- ul>li>img+Tab
  • 相邻元素 -- + -- section+div+p+Tab
  • 返回上层 -- ^ -- ul>li>img^li+Tab
  • 乘法 -- * -- ul>li*5
  • 递增/递减 -- $|$@- -- ul>li.item$*5、ul>li.item$@-*5
  • 组合 ul>(li>a.item)*3
• 元素属性
  • 添加ID -- # -- E#ID
  • 添加类名 -- . -- E.class
  • 添加属性 -- [] -- E[attr]
  • 添加文 -- {} -- E{text}
  • div#frist.frist[width = "500"]

Emmet CSS

• 属性 bb30->border-bottom: 30px;
• 属性拼接 bb40+bl20