瀏覽器預設樣式的一些看法（User Agent Stylesheet）_瀏覽器

今天複習CSS的基礎知識，看到在Google瀏覽器的下面有一條樣式：旁邊寫著User Agent Stylesheet。引起我的注意。

不同瀏覽器對於相同元素的預設樣式並不一致，這也是為什麼我們在CSS的最開始要寫 * {padding:0;marging:0}；也就是我們要重設CSS預設樣式的。

基本上，不同核心的兩個瀏覽器在某些元素的表現都會存在差異，比如縮排的大小、字型選擇、字元樣式等。也許一個很漂亮的CSS樣式表在一個瀏覽器上表現良好，在另外一個瀏覽器上即使是沒有CSS Bug的情況也會變得結構混亂起來，這都是瀏覽器預設樣式在作怪。

至於哪些元素應該被重設。Yahoo!已經為我們做了比較出的總結。根據雅虎的建議，你需要把這些規則放到一個名為Reset.css的檔案中單獨引用（推薦這種做法）：

html{color:#000;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } 

你要做的就是把這些規則簡單地儲存到reset.css中，然後在頁面中使用。在需要給這些元素增加新的樣式的時候，和其它元素的設定沒有什麼不同。

注意：上面reset.css中 input,textarea,select{*font-size:100%;} 只有Internet Explorer可以認識，這樣的設定是為了使在Internet Explorer中可以縮放表單控制項字型的大小。

這也是我們使用CSS中第一步要意識到的問題，我在使用sass的Compass的模組的時候的reset模組，這個就是協助我們把初始樣式設定好了。 希望我們對CSS慢慢重視起來，因為這個沒有一兩年鑽研，很難精通。努力吧。