探索網(wǎng)頁設(shè)計(jì)中的默認(rèn)樣式 |
作者:佚名 發(fā)布時(shí)間:2013-02-21 瀏覽:3430次 |
好久沒有寫過關(guān)于網(wǎng)頁設(shè)計(jì)的文章了,今天看了篇文章《設(shè)計(jì)中默認(rèn)樣式的強(qiáng)大威力》,對默認(rèn)樣式,我也有幾點(diǎn)不同于該作者的看法。 首先,我們要搞清楚什么是默認(rèn)樣式: 默認(rèn)樣式,就是網(wǎng)頁中最原生態(tài)的樣式。如超鏈接默認(rèn)樣式為藍(lán)色下劃線、在IE瀏覽器中默認(rèn)字體為宋體。接下來我們一個(gè)一個(gè)來分析。 超鏈接的默認(rèn)樣式 根據(jù)《設(shè)計(jì)中默認(rèn)樣式的強(qiáng)大威力》中所提到的,我認(rèn)為超鏈接可以這樣去定義: 1.盡可能的使用默認(rèn)的藍(lán)色,甚至加上下劃線。 2.當(dāng)鼠標(biāo)移動(dòng)上去的時(shí)候,請定義:hover,讓其進(jìn)行變色,并且加上下劃線,因?yàn)檫@是一個(gè)超鏈接默認(rèn)的樣式,經(jīng)過這樣處理之后,能夠讓人深信不疑的認(rèn)為這是一個(gè)超鏈接。 3.如果你無法合理的配色或者你的作品無法使用多種色彩,請嘗試讓字體變大或者變小或者傾斜,讓超鏈接變得與眾不同,這樣就會(huì)讓人產(chǎn)生疑問。 默認(rèn)字體樣式 默認(rèn)字體樣式引入的第一個(gè)概念:樣式優(yōu)先級。通常用戶看到的頁面的樣式會(huì)受到三層控制:第一層是瀏覽器的默認(rèn)樣式、第二層是網(wǎng)頁定義樣式、第三層是用戶自定義樣式。 和CSS一樣,后面的優(yōu)先級高于前面的,也就是說網(wǎng)頁定義樣式可以覆蓋瀏覽器的默認(rèn)樣式,而用戶自定義樣式優(yōu)先級最高。不過,當(dāng)有 !important 時(shí),網(wǎng)頁樣式可以覆蓋用戶自定義樣式。用戶!important > 網(wǎng)頁!important > 用戶 > 網(wǎng)頁 > 瀏覽器默認(rèn)。 因?yàn)橹形淖煮w的選擇非常有限,所以目前所有的主流瀏覽器都設(shè)置使用宋體來顯示中文。Baidu的首頁和搜索結(jié)果頁使用font-family:arial;可以從側(cè)面說明這樣做的安全性。可能有人注意到Firefox中國版默認(rèn)顯示的中文字體是微軟雅黑,這是因?yàn)橹\智網(wǎng)絡(luò)擅自修改了用戶自定義樣式,不允許網(wǎng)頁的樣式覆蓋瀏覽器設(shè)置的樣式。 12px是宋體能顯示的極限,雖然微軟雅黑能顯示更小的字體,但目前的應(yīng)用環(huán)境尚未成熟。由于宋體基本上是目前顯示中文唯一的通用Web字體,所以12px成為最常用的字體大小。我們當(dāng)然可以依據(jù)產(chǎn)品的需要來修改這個(gè)默認(rèn)值。 行高:1.5倍 這是一個(gè)經(jīng)驗(yàn)值,不同的產(chǎn)品對這個(gè)值要求可能不同,但我們一般會(huì)設(shè)置最常用的為默認(rèn)值。比如YUI的font中是font:13px/1.231 arial,helvetica,clean,sans-serif;即字體大小默認(rèn)值是13px,行高是13*1.231=16.003px,默認(rèn)的行高是默認(rèn)字體的1.231倍。對于中文來說,常用的字體大小12px、14px、16px、18px等偶數(shù)大小,在IE6和IE7設(shè)置其行高也為偶數(shù)能解決一些特殊情況下的字體對其問題。 綜上所述。我們可以分析出默認(rèn)字體的最佳樣式: 字體:宋體 字號:12px 行高:1.5倍(在IE6和IE7中,行高值必須大于字體的2px才能保證字體的完整顯示或當(dāng)其作為鏈接時(shí)能有效顯示下劃線。) 寶雞世紀(jì)網(wǎng)絡(luò)是在寶雞市工商局注冊的專業(yè)提供網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、網(wǎng)站推廣,軟件開發(fā)的高新技術(shù)企業(yè),目前已承建寶雞地區(qū)近760多家政府網(wǎng)站、企業(yè)網(wǎng)站,是寶雞網(wǎng)站建設(shè)行業(yè)規(guī)模最大、客戶數(shù)量最多、技術(shù)力量雄厚的寶雞網(wǎng)絡(luò)公司。公司所有網(wǎng)站均獨(dú)立設(shè)計(jì)、均采用DIV+CSS布局、手工編寫。另外,我們承諾:做網(wǎng)站均提供一年免費(fèi)技術(shù)維護(hù).我們一直全心全意為客戶服務(wù)。 業(yè)務(wù)咨詢QQ:309183243 |