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