歡迎訪問世紀網絡官網,寶雞網站建設SEO優化已累計服務超過900家企業!     咨詢熱線:13619273150

15年網站建設優化經驗,900家客戶的選擇,值得信賴!


探索網頁設計中的默認樣式

作者:佚名      發布時間:2013-02-21      瀏覽:3424

62.9K


好久沒有寫過關于網頁設計的文章了,今天看了篇文章《設計中默認樣式的強大威力》,對默認樣式,我也有幾點不同于該作者的看法。

首先,我們要搞清楚什么是默認樣式:

默認樣式,就是網頁中最原生態的樣式。超鏈接默認樣式為藍色下劃線、IE瀏覽器中默認字體為宋體。接下來我們一個一個來分析。

超鏈接的默認樣式

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

1.盡可能的使用默認的藍色,甚至加上下劃線。

2.當鼠標移動上去的時候,請定義:hover,讓其進行變色,并且加上下劃線,因為這是一個超鏈接默認的樣式,經過這樣處理之后,能夠讓人深信不疑的認為這是一個超鏈接。

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

默認字體樣式

默認字體樣式引入的第一個概念:樣式優先級。通常用戶看到的頁面的樣式會受到三層控制:第一層是瀏覽器的默認樣式、第二層是網頁定義樣式、第三層是用戶自定義樣式

和CSS一樣,后面的優先級高于前面的,也就是說網頁定義樣式可以覆蓋瀏覽器的默認樣式,而用戶自定義樣式優先級最高。不過,當有 !important 時,網頁樣式可以覆蓋用戶自定義樣式。用戶!important > 網頁!important > 用戶 > 網頁 > 瀏覽器默認。

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

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

行高:1.5倍

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

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

字體:宋體

字號:12px

行高:1.5倍在IE6和IE7中,行高值必須大于字體的2px才能保證字體的完整顯示或當其作為鏈接時能有效顯示下劃線。

寶雞世紀網絡寶雞市工商局注冊的專業提供網站建設、網站優化、網站推廣,軟件開發的高新技術企業,目前已承建寶雞地區近760多家政府網站、企業網站,是寶雞網站建設行業規模最大、客戶數量最多、技術力量雄厚的寶雞網絡公司。公司所有網站均獨立設計、均采用DIV+CSS布局、手工編寫。另外,我們承諾:做網站均提供一年免費技術維護.我們一直全心全意為客戶服務。

業務咨詢QQ:309183243



0