emmet使用(HTML)
生活随笔
收集整理的這篇文章主要介紹了
emmet使用(HTML)
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
emmet使用(HTML)
html+Tab直接生成固定標(biāo)簽
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
分組:可以通過(guò)嵌套來(lái)快速生成一些代碼塊
(.foo>h1)+(.bar>h2)
隱式標(biāo)簽
在過(guò)去的版本中省去div,即輸入.item就可以生成<div class=“item”></div>.現(xiàn)在如果只輸入item則會(huì)根據(jù)父元素來(lái)判定。如在<ul>里面輸入.item,就會(huì)生成<li class=“item”></li>
多個(gè)屬性值的元素
如輸入ul>li.item$*3,就會(huì)生成如下代碼
<ul>
<li class=“item1”></li>
<li class=“item2”></li>
<li class=“item3”></li>
</ul>?
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯,堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)
總結(jié)
以上是生活随笔為你收集整理的emmet使用(HTML)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: MXNet的Model API
- 下一篇: 【OpenCV 例程200篇】23. 图