sublime中Emment插件用法
---恢復內容開始---
註:所有命令生效按Tab
搭建框架:
html:5
嵌套操作,
1 使用>生成子元素
div>ul>li
tr>td *3 生成三個td標簽
2、使用“+”生成兄弟元素
div+p+h1
<div>
<p>
<h1>
3、使用^生成父元素
div>p>span+h1^a
<div>
<p>
<span></span>
<h1></h1>
</p>
<a href=""></a>
</div>
4.使用“()”將元素分組(可以一次創建頁面框架)
div>(header>ul>li*2)+footer>p
<div>
<header>
<ul>
<li></li>
<li></li>
</ul>
</header>
<footer>
<p></p>
</footer>
</div>
屬性操作(#表示id . 表示class)
div#header+div.page+div
使用[]標記其他屬性
td[title=‘hello‘ colspan=3]
使用$符號實現1到n的自動編號
li.item$*3
<li class="item1"></li>
<li class="item2"></li>
<li class="item3"></li>
可以在$後面添加@n 修改編號的起始值
li.item$@3*3
<li class="item3"></li>
<li class="item4"></li>
<li class="item5"></li>
可以使用{}添加文本內容
a[href=me.html]{click me}
<a href="me.html">click me </a>
---恢復內容結束---
sublime中Emment插件用法