目前比較流行的有Eric Meyer的重置樣式和YUI的重置樣式。有趣的是,Eric的重置樣式也是源于YUI的。但同時,糟糕的是,網(wǎng)上流傳的比較廣的(尤其是海內(nèi))都不是最新的版本。我個人的觀點是,假如你的設計本身就是白色背景,那么不要設置背景。 reset.css本意就是重置樣式,我始終建議把.clearfix放入layout.css,而把h1、h2之類的定義放進typography.css。濫用不如不用,直接拿個現(xiàn)成的reset.css過來將導致后期各種離奇bug的發(fā)生
設置成他們喜歡的背景色,好比淺藍色。本文就是來先容如何寫一個合適所有項目的通用的reset.css,以及先容在設置玩reset.css之后需要針對不同項目要首先要設置的內(nèi)容。上面兩個頁面里直接看到的都不是最新的,Eric專門為有一個reset.css頁面。
原則上來說,也是不應該設置文字顏色的。
legend會默認有自己的顏色(跟當前的主題有關)而不會繼續(xù)父元素的顏色(即便設了color:inherit;)。
每每有新項目,第一步就是應當使用一個網(wǎng)站建設中reset.css來重置樣式。另有Condensed Meyer Reset簡化Eric Meyer的樣式。一小部門中高水平的用戶,他們會自定義網(wǎng)頁默認背景色。但不得不說,只會用“選項”來調(diào)背景色的用戶更多,不是么?而同時,假如設計本身就有其他背景色,好比玄色、藍色、綠色之類的,OK,這些設計當然可以設置背景色。基本常見的瀏覽器都提供了這個簡樸的功能。這里是重置樣式的地方,不是你設計的地方。
從某些角度來說,可以想當然地以為設置字體顏色人數(shù)遠小于設置背景色的人數(shù);以及以為就算設置了背景色,人們看到legend元素是玄色的也不會覺得希奇。而那份簡化版又把Eric的樣式簡化回YUI的樣式了 。但是IE中的表單元素中l(wèi)egend這個對象比較特別,跟主題結合的比較緊密。而我們的背景色重置則會破壞用戶的選擇——盡管這樣能保證你的設計原汁原味的呈現(xiàn)給所有用戶。以上這些都可以作為參考資料來組織我們自己的reset。 OK,預備工作就差未幾了。但反過來說,把這個放到typography.css或者form.css里豈不是更好?不同的頁面設計,其對legend的色彩要求很可能是不同的,放在reset.css里重復定義是沒有必要的。此外,我們還可以基于一些常見的框架,比較聞名的好比Blueprint或者Elements CSS Framework(這個的reset也是源自于Eric Meyer的)。請把你的設計放在更廣袤的土地上。因此,YUI在其reset中設置了legend {color: #000;}是無可厚非的。
用戶自定義的更重要仍是你的設計更重要的題目。因此這條CSS規(guī)則可以作為在reset.css之后首先應當設置的規(guī)則。但請不要放進reset.css里。當然我知道,更高真?zhèn)€用戶會用Stylish之類的Firefox擴展來自定義頁面。留意,本文把reset分成了兩個部門,一個是純reset.css,可以用于任何項目。另一個是用于特定項目的“reset”,自定義修改的內(nèi)容,這些內(nèi)容可以放在layout.css、typography.css之類的文件中,他們共同導入到一個base.css形成一個項目的基礎樣式。我這里主要采用YUI,兼帶Eric的reset。所以最好仍是自己寫一個reset.css,并且要明白每一條reset都是用來做什么的。而YUI當前版本(2.7.0)的reset.css實際地址里,比上面的頁面中還多一些東西。 詳細如何規(guī)劃網(wǎng)站CSS結構,不在文本討論之列,可以參考Smashing Magazine上的文章,海內(nèi)有差強人意的中文譯版。
【 微信掃一掃 】