CSS Reset是什麼?想必台灣很多做網頁設計的也不一定知道啊。簡單的來說，CSS Reset是一整套的CSS設定，用來統一各瀏覽器的不同內建值。舉例來說，如果沒有指定body的margin或padding，在Firefox、 IE5~IE8、Safari等瀏覽器，上方出現的空間是不一樣大的，如果沒有CSS Reset的觀念，要一統網頁在各瀏覽器的外觀，根本不可能。所以每個前端網頁設計師，都得有一套CSS Reset!

舉個例來說，我們通常是手動輸入以下這些程式碼：

XHTML部分
<div id="wrapper">
<h1>標題</h1>
<div class="box">
<ul>
<li id="current"></li>
<li></li>
</ul>
</div>
</div>

CSS部分
#wrapper{}
h1{}
.box{}
.box ul{}
.box li{}
#current{}

如果你使用這個Generator，你只需輸入：
(Note：請注意空格跟層級間的關連。)

#wrapper
　h1
　.box
　　ul
　　　li
　　　li#current

程式就會幫你跑HTML跟CSS碼出來，這樣就不用辛苦的刻一堆Html，或是讓WYSIWYG軟體自動生成一常串從頭到尾繼承屬性的CSS，去玩玩看吧!