emmet語法

1.初始化操作

html:5或者!:進行html5初始化
html:xt:
html:4s

2.添加文本

p.class1#class2

3.嵌套

p>span子元素符號
p+span同級元素
p^可以讓符號前的標簽提升一行

4.分組

(.foo>h1)+(.bar>h2)快速生成代碼塊

5.隱式標簽

省去div直接.item可以直接生成div塊級元素,可以根據(jù)父級標簽進行自我判斷,例如在ul標簽下.item默認屬于是在li塊級元素當中

6.定義多個元素,以及帶不同屬性

ul>li.item$
或者ul>li.item
3
區(qū)別是以$結尾,可以自動生成三個不同樣式默認編號

7.值

w100相當于width:100px
其他單位
h10p+m5e
height:10%(percent)
margin:5em

8.附加屬性

@f可以生成
@font-face {
font-family:;
src:url();
}

9.模糊匹配

ov:h/ov-h/ovh/oh直接生成相同代碼

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

相關閱讀更多精彩內容

  • Emmet是一款文本編輯器/IDE的插件,用來快速生成復雜的HTML代碼,只要掌握一些常用的語法(類似于CSS選擇...
    我是奮斗哥閱讀 13,926評論 0 34
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,180評論 1 92
  • 整站搭建 準備元素 確定網站的結構: 將這個網站相關的文件都放在一個文本夾中css:所有的css文件放在css文件...
    麥殼兒UIandFE2閱讀 327評論 0 3
  • 你不該這個時候親我, 因為這是個燥熱的季節(jié)。 保持距離能產生一種美感, 過分的親熱, 人就容易上火。 被你吻過了好...
    琢玉書生閱讀 369評論 0 4
  • 2017年7月13日 晴 昨天下午下班之后,心情不是很好,因為想太多了。我一個人回宿舍靜靜地坐著,不想說話也不想笑...
    夏榮權閱讀 392評論 0 0

友情鏈接更多精彩內容