好久沒(méi)有寫(xiě)過(guò)關(guān)于網(wǎng)頁(yè)設計的文章了，今天看了篇文章《設計中默認樣式的強大威力》，對默認樣式，我也有幾點(diǎn)不同于該作者的看法。

首先，我們要搞清楚什么是默認樣式：

默認樣式，就是網(wǎng)頁(yè)中最原生態(tài)的樣式。如超鏈接默認樣式為藍色下劃線(xiàn)、在IE瀏覽器中默認字體為宋體。接下來(lái)我們一個(gè)一個(gè)來(lái)分析。

超鏈接的默認樣式

根據《設計中默認樣式的強大威力》中所提到的，我認為超鏈接可以這樣去定義：

1.盡可能的使用默認的藍色，甚至加上下劃線(xiàn)。

2.當鼠標移動(dòng)上去的時(shí)候，請定義：hover，讓其進(jìn)行變色，并且加上下劃線(xiàn)，因為這是一個(gè)超鏈接默認的樣式，經(jīng)過(guò)這樣處理之后，能夠讓人深信不疑的認為這是一個(gè)超鏈接。

3.如果你無(wú)法合理的配色或者你的作品無(wú)法使用多種色彩，請嘗試讓字體變大或者變小或者傾斜，讓超鏈接變得與眾不同，這樣就會(huì )讓人產(chǎn)生疑問(wèn)。

默認字體樣式

默認字體樣式引入的第一個(gè)概念：樣式優(yōu)先級。通常用戶(hù)看到的頁(yè)面的樣式會(huì )受到三層控制:第一層是瀏覽器的默認樣式、第二層是網(wǎng)頁(yè)定義樣式、第三層是用戶(hù)自定義樣式。

和CSS一樣，后面的優(yōu)先級高于前面的，也就是說(shuō)網(wǎng)頁(yè)定義樣式可以覆蓋瀏覽器的默認樣式，而用戶(hù)自定義樣式優(yōu)先級最高。不過(guò)，當有 !important 時(shí)，網(wǎng)頁(yè)樣式可以覆蓋用戶(hù)自定義樣式。用戶(hù)!important > 網(wǎng)頁(yè)!important > 用戶(hù) > 網(wǎng)頁(yè) > 瀏覽器默認。

因為中文字體的選擇非常有限，所以目前所有的主流瀏覽器都設置使用宋體來(lái)顯示中文。Baidu的首頁(yè)和搜索結果頁(yè)使用font-family:arial;可以從側面說(shuō)明這樣做的安全性?？赡苡腥俗⒁獾紽irefox中國版默認顯示的中文字體是微軟雅黑，這是因為謀智網(wǎng)絡(luò )擅自修改了用戶(hù)自定義樣式，不允許網(wǎng)頁(yè)的樣式覆蓋瀏覽器設置的樣式。

12px是宋體能顯示的極限，雖然微軟雅黑能顯示更小的字體，但目前的應用環(huán)境尚未成熟。由于宋體基本上是目前顯示中文唯一的通用Web字體，所以12px成為最常用的字體大小。我們當然可以依據產(chǎn)品的需要來(lái)修改這個(gè)默認值。

行高：1.5倍

這是一個(gè)經(jīng)驗值，不同的產(chǎn)品對這個(gè)值要求可能不同，但我們一般會(huì )設置最常用的為默認值。比如YUI的font中是font:13px/1.231 arial,helvetica,clean,sans-serif;即字體大小默認值是13px，行高是13*1.231=16.003px，默認的行高是默認字體的1.231倍。對于中文來(lái)說(shuō)，常用的字體大小12px、14px、16px、18px等偶數大小，在IE6和IE7設置其行高也為偶數能解決一些特殊情況下的字體對其問(wèn)題。

綜上所述。我們可以分析出默認字體的最佳樣式：

字體：宋體

字號：12px

行高：1.5倍（在IE6和IE7中，行高值必須大于字體的2px才能保證字體的完整顯示或當其作為鏈接時(shí)能有效顯示下劃線(xiàn)。）

寶雞世紀網(wǎng)絡(luò )是在寶雞市工商局注冊的專(zhuān)業(yè)提供網(wǎng)站建設、網(wǎng)站優(yōu)化、網(wǎng)站推廣，軟件開(kāi)發(fā)的高新技術(shù)企業(yè)，目前已承建寶雞地區近760多家政府網(wǎng)站、企業(yè)網(wǎng)站，是寶雞網(wǎng)站建設行業(yè)規模最大、客戶(hù)數量最多、技術(shù)力量雄厚的寶雞網(wǎng)絡(luò )公司。公司所有網(wǎng)站均獨立設計、均采用DIV+CSS布局、手工編寫(xiě)。另外，我們承諾:做網(wǎng)站均提供一年免費技術(shù)維護.我們一直全心全意為客戶(hù)服務(wù)。

業(yè)務(wù)咨詢(xún)QQ：309183243