[html] 编写html时,你有没有用过Emmet插件呢?说说它的优点及规则有哪些?
生活随笔
收集整理的這篇文章主要介紹了
[html] 编写html时,你有没有用过Emmet插件呢?说说它的优点及规则有哪些?
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
[html] 編寫html時,你有沒有用過Emmet插件呢?說說它的優點及規則有哪些?
用過,vscode編輯器自帶支持Emmet語法; 它可以幫助快速編寫HTML代碼,減少復制粘貼的操作; 常見規則: 1. > 插入子元素;ul>li>a<ul><li><a></a></li> </ul>2. + 生成兄弟元素;div+p+section<div></div> <p></p> <section></section>3. * 生成多個相同元素ul>li *3<ul><li></li><li></li><li></li> </ul>4. # 和 . 分別生成帶id和class的元素div#submit+div.btn+div#submit.btn<div id="submit"></div> <div class="btn"></div> <div id="submit" class="btn"></div>我常用的就這幾個,更多語法參見Emmet文檔個人簡介
我是歌謠,歡迎和大家一起交流前后端知識。放棄很容易,
但堅持一定很酷。歡迎大家一起討論
主目錄
與歌謠一起通關前端面試題
總結
以上是生活随笔為你收集整理的[html] 编写html时,你有没有用过Emmet插件呢?说说它的优点及规则有哪些?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: perl linux 运行,在Ubunt
- 下一篇: tomcat 启动编码设置