全局 CSS

每次開發網站的時候,我都會建一個公用的 CSS文件,命名爲:basic.css/common.css/style.css/css.css 代碼貼出來如下:

body, html, ul { padding:0; margin:0;}
ul li { list-style:none;}
a { color:#333; text-decoration:none;}
a:hover { text-decoration:underline;}
img { border:none; }
.clear { clear: both;}

以前我還加多這一行:

* { padding:0; margin:0; font:12px/1.5 Tahoma,Arial,\5FAE\8F6F\96C5\9ED1,sans-serif; color:#333; } 
後來慢慢的發現這上面這一行不好,一些本身有樣式的標籤可能會被覆蓋掉,比如 h系列、a .最後決心不用它是因爲我用百度富文本編輯器的時候發現,它阻止了百度編輯器對內容的樣式賦予。雖然這也是百度的失誤。


現在來解釋一下:

body, html, ul { padding:0; margin:0;}
是爲了讓網頁貼合瀏覽器,因爲默認:各個瀏覽器都會離網頁有一點點間距的。特別是 ul 

ul li { list-style:none;}
上面這句是去除列表的項目標記

img { border:none; }
有些瀏覽器,特別是IE,它默認讓a標籤裏面的img標籤有邊框,所以我們在這裏去除一下

剩下的就不用解釋了,很簡單的。
## 2014/5/15 來修訂

* { padding:0; margin:0;
上面這句還是需要的,不然真心很煩
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章