emment

约 138 字小于 1 分钟

emment

2020-05-08

用途

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