像变魔法一样,让你的HTML和CSS代码学会变身,这就是前端神器Emmet, 曾经叫做Zen Coding, 简单的语法,让你撸前端HTML和CSS有飞一般的感觉(博主目前还比较菜,正在路上。。。。。。)
例如:
html>head+body>div.demo>div#test>h1{列表}+ul>li#item${Item $}*10^h1#hello{hello}会被展开成为
<html> <head></head> <body> <div class="demo"> <div id="test"> <h1>列表</h1> <ul> <li id="item1">Item 1</li> <li id="item2">Item 2</li> <li id="item3">Item 3</li> <li id="item4">Item 4</li> <li id="item5">Item 5</li> <li id="item6">Item 6</li> <li id="item7">Item 7</li> <li id="item8">Item 8</li> <li id="item9">Item 9</li> <li id="item10">Item 10</li> </ul> <h1 id="hello">hello</h1> </div> </div> </body> </html>是不是很爽?!!!