sublime的使用一

在sublime中快速构建html和css使用要的插件是emmet(原名zen-coding):

常用的构建html的快捷键：ctrl+e;例如：

.wrap>ul>li*4>img[src=$.jpg]这个一敲之后你按一下ctrl+e就可以出现

<div class="wrap">

<ul>

<li><img src="1.jpg" alt="" /></li>

<li><img src="2.jpg" alt="" /></li>

<li><img src="3.jpg" alt="" /></li>

<li><img src="4.jpg" alt="" /></li>

</ul>

</div>的效果。

.div1>(ul>li>img[src=$.jpg]*4+ol>li*4)>p.introduce

<div class="div1">

<ul>

<li>

<img src="1.jpg" alt="">

<img src="2.jpg" alt="">

<img src="3.jpg" alt="">

<img src="4.jpg" alt="">

<ol>

<li></li>

<li></li>

<li></li>

<li></li>

</ol>

</li>

</ul>

<p class="introduce"></p>

</div>