通常用戶看到的頁面的樣式會受到三層控制,第一層是瀏覽器的默認(rèn)樣式,第二層是網(wǎng)頁定義樣式,第三層是用戶自定義樣式。和CSS一樣,后面的優(yōu)先級高于前面的,也就是說網(wǎng)頁定義樣式可以覆蓋瀏覽器的默認(rèn)樣式,而用戶自定義樣式優(yōu)先級最高。實(shí)際情況是雖然瀏覽器都或多或少提供了用戶自定義樣式的功能,但是極少數(shù)會有用戶去自定義,一般用也是高級用戶。而瀏覽器默認(rèn)的樣式往往在不同的瀏覽器、不同的語言版本甚至不同的系統(tǒng)版本都有不同的設(shè)置,這就導(dǎo)致如果直接利用默認(rèn)樣式的頁面在各個瀏覽器下顯示非常不一致,于是就有了類似YUI的reset之類用來盡量重寫瀏覽器的默認(rèn)設(shè)置保證各個瀏覽器樣式一致性的做法。
拿字體來說,各個瀏覽器默認(rèn)的字體種類、字體大小和字體行高都不一樣,比如IE8的中文版在Windows XP下顯示網(wǎng)頁時默認(rèn)字體是宋體,而英文版肯定不會如此。所以我們需要統(tǒng)一設(shè)置默認(rèn)的字體樣式,以便實(shí)現(xiàn)一致的顯示效果來保證設(shè)計的一致性和提高開發(fā)效率。
以后準(zhǔn)備使用如下默認(rèn)字體樣式:
body{
font: 12px/1.5 arial;
}字體:arial
我們頁面的絕大部分內(nèi)容字符都是中文,毫無疑問目前為止在網(wǎng)頁上最常用也是最通用的顯示中文的字體是宋體,但是宋體在顯示英文、數(shù)字和英文符號時過于糟糕,比如©字符,所以我們一般期望通過CSS來實(shí)現(xiàn)用更好的字體樣式來顯示它們,然后用宋體來顯示中文和中文符號。之所以選擇arial是因?yàn)椋?/p>
Windows和Mac都預(yù)裝了這款字體,應(yīng)該是使用最廣泛的網(wǎng)頁字體了。它的潛在對手
tahoma和helvetica就沒有這么幸運(yùn)了。font: 12px/1 Tahoma, Helvetica, Arial, "/5b8b/4f53", sans-serif;
這是一個很不錯的選擇,但是你也會發(fā)現(xiàn)Google、YAHOO、Youtube、Bing甚至MSN的新版都使用arial作為第一默認(rèn)字體。所以從美觀和可讀性上來講arial應(yīng)該是完全可以接受的。font-family:arial,sans-serif;,但是至少在非中文版的Win7下當(dāng)編碼是GBK時,IE8會因sans-serif來渲染宋體,導(dǎo)致字體出現(xiàn)變形,這就是為什么淘寶需要在sans-serif
新聞熱點(diǎn)
疑難解答
圖片精選