使用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>