Emmet語法

使用Emmet語法可快速生成html框架和標(biāo)簽,以及css代碼

ps~本人使用的vscode編輯器

Emmet語法:

1.快速生成HTML框架使用:! 然后按Tab鍵

2.快速生成多個(gè)相同標(biāo)簽使用:標(biāo)簽名 * 數(shù)量 然后按Tab鍵

3.快速生成多個(gè)帶內(nèi)容的標(biāo)簽使用:標(biāo)簽名 {內(nèi)容} * 數(shù)量 然后按Tab鍵

4.快速生成多個(gè)數(shù)字使用:$ * 數(shù)量 然后按Tab鍵

5.快速生成帶class屬性/id屬性的div使用:.屬性值 * 數(shù)量/#屬性值 * 數(shù)量 然后按Tab鍵

6.元素下面包含元素使用:父元素>子元素 然后按Tab鍵

7.元素下面并列元素使用:兄弟元素+兄弟元素 然后按Tab鍵

<strong>注意:編輯時(shí)標(biāo)簽和符號(hào)之間是沒有空格的,我是為了方便觀看,所以在此編寫時(shí)加上了空格</storng>

?著作權(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),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、前言 Emmet是一款文本編輯器/IDE的插件,用來快速生成復(fù)雜的HTML代碼,只要掌握一些常用的語法(類似于...
    長情G閱讀 1,427評(píng)論 0 2
  • Emmet語法的前身是Zen coding,它使用縮寫來提高HTML/CSS的編寫速度,Vscode內(nèi)部已經(jīng)集成該...
    社會(huì)主義頂梁鹿閱讀 284評(píng)論 0 0
  • Emmet是一款文本編輯器/IDE的插件,用來快速生成復(fù)雜的HTML代碼,只要掌握一些常用的語法(類似于CSS選擇...
    我是奮斗哥閱讀 13,907評(píng)論 0 34
  • 它使用縮寫,來提高h(yuǎn)tml/css的編寫速度。 快速生成HTML結(jié)構(gòu)語法 1.生成標(biāo)簽直接輸入標(biāo)簽名按下tab鍵即...
    DikG_6624閱讀 101評(píng)論 0 0
  • 1、簡介 Emmet語法的前身是Zen coding,它使用縮寫,來提高h(yuǎn)tml/css的編寫速度, Vscode...
    Jane_xxxxxy閱讀 351評(píng)論 0 0

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