dw添加emmet

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;

 

 

　

 

转载于:https://www.cnblogs.com/ch-zaizai/p/5553458.html