emmet

好记性不如烂笔头专题篇

1: emmet

  <!-- 1:id和class属性：div#id  div.className -->
      <div id="id"></div>
      <div class="className"></div>
  <!-- 2:属性：input[type="text" name="myname"] (多条属性空格分开) -->
      <input type="text" name="myname">
  <!-- 3:{文本} button{clickme} -->
    <button>clickme</button>
  <!-- 4:计算ul>li.item{$}*3（默认从1开始） -->
    <ul>
        <li class="item">1</li>
        <li class="item">2</li>
        <li class="item">3</li>
    </ul>
    <!-- 指定范围: ul>li{$@10}*3（从10开始） -->
    <ul>
        <li>10</li>
        <li>11</li>
        <li>12</li>
    </ul>
    <!-- 从大到小ul>li{$@-10}*3(最小值10) -->
    <ul>
        <li>12</li>
        <li>11</li>
        <li>10</li>
    </ul>
  <!-- 5:link:css css -->
      <link rel="stylesheet" href="style.css">
      <style type="text/css"></style>
  </div>
  <!-- 6:meta
          meta:vp
          meta:utf -->
      <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
      <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">