這篇文章主要介紹了css全局樣式的意義是什么，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
css全局樣式有什么意義？
css全局樣式的意義就是為了規(guī)范開發(fā)，提高工作效率，便于后臺人員添加功能及前端后期優(yōu)化維護，輸出高質(zhì)量的文檔，在網(wǎng)站建設(shè)中，使結(jié)構(gòu)更加清晰，代碼簡明有序，有一個更好的前端架構(gòu)。
同時使用全局樣式更符合web標準，頁面性能得到優(yōu)化，代碼簡潔、明了、有序，盡可能的減少服務(wù)器的負載，保證最快的解析速度。
拓展：最好的CSS全局字體寫法
body {font-family: Arial, sans-serif;}這是迄今為止發(fā)現(xiàn)的最好CSS全局字體寫法解決方案。下面簡單與其他寫法對比一下。
body {font-family: Tahoma, sans-serif; }這是一個不錯的解決辦法。Tahoma其實是一個挺漂亮的字體。但是它其實會帶來一些問題：
1. 由Tahoma顯示的中文，在IE 6里，下劃線會緊緊的貼住中文字，很難看。
2. IE 6下，Tahoma無法正確的設(shè)定為13px。它會跟14px一樣大。但是其他瀏覽器沒有這個問題。
3. 如果一行里同時出現(xiàn)中文和英文，且這一行里有元素被定義了vertical-align屬性，在IE 6、7里會導(dǎo)致文字高低不齊，甚至下劃線錯位。
body {font-family: "宋體", sans-serif; }這個寫法可能的缺點在于：
1. 宋體在Safari和Vista的IE 7下，看起來很難看。
2. 宋體的英文字很難看。
3. 如果在CSS里寫中文，你得小心你HTML和CSS的編碼是否一致。
body {font-family: Arial, ans-serif; }上述兩個問題，Arial都沒有。但是Arial也有缺點：
1. 比Tahoma難看。
2. Tahoma里的第三個問題也同樣存在。
不過，這個bug是有個解決辦法的，就是將這一行定義zoom:1。
body {font-family: SimSun,sans-serif; }這樣寫，可以避免上面的第三個問題。但是宋體本身確實很難看。我們希望在不同平臺下，都用各自默認的字體。XP是宋體，Vista是微軟雅 黑，Mac是黑體。這樣的話，只能將字體的第一個設(shè)置為英文字體，這樣遇到中文的時候，瀏覽器會自動調(diào)用默認字體。
如果不嫌難看，定義為Arial是最合適的。如果實在不喜歡，可以將全局定義為Tahoma，然后再將有下劃線的（如鏈接）文字定義為Arial，至少可以緩解一下。
對于全局字體需要注意的是：IE里，所有的表單元素都不繼承body的字體屬性，需要單獨設(shè)置：
input, label, select, option, textarea, button, fieldset, legend { font-family:Tahoma,sans-serif;}
感謝你能夠認真閱讀完這篇文章，希望小編分享css全局樣式的意義是什么內(nèi)容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)建站，關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)建站，詳細的解決方法等著你來學(xué)習(xí)!
重慶分公司
重慶分公司
