zoukankan      html  css  js  c++  java
  • 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;

     

     

     

  • 相关阅读:
    项目记录,仿今日头条app
    数组过滤后的重新排序问题
    用函数刷新页面内容比刷新页面要好
    html js绑定键盘按键触发事件(按回车键登陆)
    图片上传前压缩 lrz库
    微信 获取openid
    旅游项目总结
    UWP深入学习五: 传感器与搜索、共享及链接
    UWP深入学习四:动画及图像
    UWP深入学习三:依赖属性、附加属性和数据绑定
  • 原文地址:https://www.cnblogs.com/ch-zaizai/p/5553458.html
Copyright © 2011-2022 走看看