CSS Emmet語法

Emmet語法的前身是Zen coding，它使用縮寫來提高HTML/CSS的編寫速度，Vscode內(nèi)部已經(jīng)集成該語法。

一、快速生成HTML結(jié)構(gòu)語法

1、生成標(biāo)簽，直接輸入標(biāo)簽名按TAB鍵即可

2、如果要生成多個(gè)相同標(biāo)簽，標(biāo)簽名*數(shù)量即可 比如div*3就是三個(gè)<div></div>

3、如果有父子關(guān)系的標(biāo)簽，父>子即可，比如ul>li就可以了

4、如果有兄弟關(guān)系的標(biāo)簽，兄+兄即可，比如div+p

5、如果生成帶有類名或者帶有id名字的，直接寫標(biāo)簽名+.demo或者#two 按tab鍵就可以了

6、如果生成的div類名是有順序的，可以用自增符號(hào)$，例如.demo$*3 就會(huì)生成三個(gè)類名自增的div

7、如果想要在生成的標(biāo)簽內(nèi)部寫內(nèi)容可以用{}表示，比如div{文字內(nèi)容}

二、快速生成CSS樣式語法

例如 widnth：100px ? ? ?只需要輸入 w100即可生成，首字母簡(jiǎn)寫

三、快速格式化代碼（對(duì)齊代碼）

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容