溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

css全局樣式的意義是什么

發(fā)布時(shí)間:2020-11-23 14:10:48 來源:億速云 閱讀:338 作者:小新 欄目:web開發(fā)

這篇文章主要介紹了css全局樣式的意義是什么,具有一定借鑒價(jià)值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

css全局樣式有什么意義?

css全局樣式的意義就是為了規(guī)范開發(fā),提高工作效率,便于后臺(tái)人員添加功能及前端后期優(yōu)化維護(hù),輸出高質(zhì)量的文檔,在網(wǎng)站建設(shè)中,使結(jié)構(gòu)更加清晰,代碼簡(jiǎn)明有序,有一個(gè)更好的前端架構(gòu)。

同時(shí)使用全局樣式更符合web標(biāo)準(zhǔn),頁面性能得到優(yōu)化,代碼簡(jiǎn)潔、明了、有序,盡可能的減少服務(wù)器的負(fù)載,保證最快的解析速度。

拓展:最好的CSS全局字體寫法

body {font-family: Arial, sans-serif;}這是迄今為止發(fā)現(xiàn)的最好CSS全局字體寫法解決方案。下面簡(jiǎn)單與其他寫法對(duì)比一下。

body {font-family: Tahoma, sans-serif; }這是一個(gè)不錯(cuò)的解決辦法。Tahoma其實(shí)是一個(gè)挺漂亮的字體。但是它其實(shí)會(huì)帶來一些問題:

1. 由Tahoma顯示的中文,在IE 6里,下劃線會(huì)緊緊的貼住中文字,很難看。

2. IE 6下,Tahoma無法正確的設(shè)定為13px。它會(huì)跟14px一樣大。但是其他瀏覽器沒有這個(gè)問題。

3. 如果一行里同時(shí)出現(xiàn)中文和英文,且這一行里有元素被定義了vertical-align屬性,在IE 6、7里會(huì)導(dǎo)致文字高低不齊,甚至下劃線錯(cuò)位。

body {font-family: "宋體", sans-serif; }這個(gè)寫法可能的缺點(diǎn)在于:

1. 宋體在Safari和Vista的IE 7下,看起來很難看。

2. 宋體的英文字很難看。

3. 如果在CSS里寫中文,你得小心你HTML和CSS的編碼是否一致。

body {font-family: Arial, ans-serif; }上述兩個(gè)問題,Arial都沒有。但是Arial也有缺點(diǎn):

1. 比Tahoma難看。

2. Tahoma里的第三個(gè)問題也同樣存在。

不過,這個(gè)bug是有個(gè)解決辦法的,就是將這一行定義zoom:1。

body {font-family: SimSun,sans-serif; }這樣寫,可以避免上面的第三個(gè)問題。但是宋體本身確實(shí)很難看。我們希望在不同平臺(tái)下,都用各自默認(rèn)的字體。XP是宋體,Vista是微軟雅 黑,Mac是黑體。這樣的話,只能將字體的第一個(gè)設(shè)置為英文字體,這樣遇到中文的時(shí)候,瀏覽器會(huì)自動(dòng)調(diào)用默認(rèn)字體。

如果不嫌難看,定義為Arial是最合適的。如果實(shí)在不喜歡,可以將全局定義為Tahoma,然后再將有下劃線的(如鏈接)文字定義為Arial,至少可以緩解一下。

對(duì)于全局字體需要注意的是:IE里,所有的表單元素都不繼承body的字體屬性,需要單獨(dú)設(shè)置:

input, label, select, option, textarea, button, fieldset, legend { font-family:Tahoma,sans-serif;}

感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享css全局樣式的意義是什么內(nèi)容對(duì)大家有幫助,同時(shí)也希望大家多多支持億速云,關(guān)注億速云行業(yè)資訊頻道,遇到問題就找億速云,詳細(xì)的解決方法等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI