一、Emmet語法規則

id（#），class（.），子節點（>），兄弟節點（+），上級節點(^),重複(*) 分組(()),屬性（[attr]）編號($)($代表一位數，後面更上*數字就代表從1遞增到填寫的數字) 文字({})

　　ul>(li>img[src=img/pro/$.jpg]+h3+div>span.money{￥15}+span.love+span.num{787878})*15

<ul>
<li>
<img src="img/pro/1.jpg" alt="">
<h3></h3>
<div>
<span class="money">￥50</span>
<span class="love"></span>
<span class="num">79976556</span>
</div>
</li>
<li>
<img src="img/pro/2.jpg" alt="">
<h3></h3>
<div>
<span class="money">￥15</span>
<span class="love"></span>
<span class="num">787878</span>
</div>
</li>
<li>
<img src="img/pro/3.jpg" alt="">
<h3></h3>
<div>
<span class="money">￥15</span>
<span class="love"></span>
<span class="num">787878</span>
</div>
</li>

...

二、html <dl> <dt> <dd>是一組合標籤，使用了dt dd最外層就必須使用dl包裹，此組合標籤我們也又叫表格標籤，與table表格類似組合標籤，故名我們也叫dl表格。

<dl><dt></dt><dd></dd></dl>為常用標題+列表型標籤。如沒有對dl dt dd標籤初始CSS樣式，預設dd列表內容會一定縮排。

　　　　<dl>

　　　　　<dt>列表標題</dt>

　　　　<dd>列表內容</dd>
　　　　<dd>列表內容</dd>
　　　</dl>
 
三、position 

規定用於元素的定位方法的型別（靜態、相對、絕對或固定）。

• 定位元素（positioned element）是其計算後位置屬性為relative,absolute,fixed或sticky的一個元素（換句話說，除static以外的任何東西）。
• 相對定位元素（relatively positioned element）是計算後位置屬性為relative的元素。
• 絕對定位元素（absolutely positioned element）是計算後位置屬性為absolute或fixed的元素。
• 粘性定位元素（stickily positioned element）是計算後位置屬性為sticky
  的元素。