1.emmet下载Emmet.zxp
2.怎么在dw中设置(命令->emmet->Expand Abbreviation)中查看使用emmet的快捷键,如果跟别人快捷键重合了
3.编辑->快捷键->命令:菜单命令->命令->emmet->选中Expand Abbreviation->按键中粘贴自己想要的快捷键,点击更改,再点击确定,就可以使用emmet了
具体使用emmet来写html
A写标签
1、.item
显示的结果是:<div class="item"></div>
2、div.item#item
显示结果是:<div class="item" id="item"></div>
3、.item#item{it's item}
显示结果:<div class="item" id="item">it's item</div>
4、div>span.item
显示结果是:<div><span class="item"></span></div>
5、ul>li*3
显示结果:<ul>
<li></li>
<li></li>
<li></li>
</ul>
6、ul>li.item$*3
显示结果:
<ul>
<li class="item1"></li>
<li class="item2"></li>
<li class="item3"></li>
</ul>
7、ul>li.item.item$@-*3
显示结果:
<ul>
<li class="item item3"></li>
<li class="item item2"></li>
<li class="item item1"></li>
</ul>
8、ul>li.item.item$@*3
显示结果:
<ul>
<li class="item item1"></li>
<li class="item item2"></li>
<li class="item item3"></li>
</ul>
9、ul>li.item.item$@5*3
显示结果:
<ul>
<li class="item item5"></li>
<li class="item item6"></li>
<li class="item item7"></li>
</ul>
10、table>(tr>td*3)+(tr>th*3)
显示结果:
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th></th>
<th></th>
<th></th>
</tr>
</table>
B写样式
1、style
显示结果:<style></style>
2、mt10
显示结果:margin-top: 10px;