Emmet語法

Emmet語法

1. Emmet語法前身是Zen coding，他使用縮寫來提高html、cssde編寫速度
2. 快速生成HTML結構語法
   • 生成標簽：直接輸入標簽名，按tab鍵
   • 如果想要生成多個相同的標簽，加上“ * ”就可以了，比如 div* 3 tab，就可以快速生成3個div標簽
   • 如果父子級關係的標簽，可以用“ >” ,比如 ul>li
   • 如果有兄弟關係的標簽，用“ + ”，比如div+p
   • 如果生成帶有類名或id名字，直接寫.demo 或者#two tab鍵
   • 如果生成的div的類名是有順序的，可以用自增符號 $
   • 如果想要生成的標簽內部寫內容可以用{}表示
3. 快速生成CSS樣式語法
   • CSS基本採取簡寫形式即可
     • 比如w200 按tab 可以生成 width：200px
     • lh26 按tab 可以生成line-height：26px