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">