技巧 | 打造自己的reset.css
昨天才發了一篇快速寫好css的5種方法，第一點開宗明義提到要使用css重置表(reset.css)，我在翻譯的時候有在後頭特別註明一下reset.css的觀念。老實說，本來想點到為止，但是今天卻偶然讓我發現內地的朋友寫了一篇「打造自己的reset.css」，不知是巧合還是註定？總之就把這篇分享給大家閱覽吧。
我覺得這篇文章寫的還不錯，但是裡頭很多元素平常人是不會去接觸的，所以在此我簡單解釋一下幾個html標籤、屬性的應用。
1. <dl>，<dt>，<dd>
同樣是一種敘述(列表)式清單。<dl>用來包覆整個清單，<dt>是群組的標題，<dd>為群組的內容，簡易用法如下：
<dl>
<dt>分類目錄</dt>
<dd>分類清單1</dd>
<dd>分類清單2</dd>
<dd>分類清單3</dd>
</dl>
2.<fieldset>
可以在區塊外圍加上邊框設定，通常會搭配<legend>使用，變成一個有標題的矩形區塊，簡易用法如下：
<fieldset>
<legend>這邊是標題</legend>
內文1<br />
內文2
</fieldset>
3.<abbr>
用來當成某項標籤的解釋，簡易用法如下：
<abbr title="MUKI space*">space</abbr>的站長是muki
4.<dfn>
定義一個明確的東西，其描述為Defines a definition term，簡易用法如下：
<dfn>熱</dfn>是一個單詞，與冷字意思相反
5.<ins>，<del>
<ins>插入底線，<del>插入刪除線，簡易用法如下：
我喜歡的東西是<del>香蕉</del>，<ins>蘋果</ins>
6.<q>
引言(quote)，會自動幫標記起來的文字加入「"」符號，IE系列只有IE8支援，簡易用法如下：
muki說:<q>今天天氣真好</q>
7.<tt>
會將字體以monospaced text style(等寬)的形式呈現，但是對中文字無效，因為中文字都等寬阿XD~ ，簡易用法如下：
<tt>mit</tt>等寬
8.<thead>，<tbody>，<tfood>
用來表示表格的頭，身體，以及底端，可以用此標籤做不同的css設定，簡易用法如下：
<style type="text/css">
thead {color:green}
tbody {color:blue;}
tfoot {color:red}
</style>
<table border="1">
<thead>
<tr>
<th>姓名</th>
<th>年齡</th>
</tr>
</thead>
<tbody>
<tr>
<td>王大明</td>
<td>20</td>
</tr>
<tr>
<td>王中明</td>
<td>30</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>王小明</td>
<td>25</td>
</tr>
</tfoot>
</table>
簡易的說明就到此告一段落，其實這些語法應該很少人在用吧，就連我自己也不常用 呵~~如果對這些應用有興趣的朋友，可以進一步到w3c school觀看完整的範例以及說明
