css全局樣式實例分析

這篇文章主要講解了“css全局樣式實例分析”，文中的講解內(nèi)容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“css全局樣式實例分析”吧！

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

　　body{font-family:Tahoma,sans-serif;}這是一個不錯的解決辦法。Tahoma其實是一個挺漂亮的字體。但是它其實會帶來一些問題：

　　1.由Tahoma顯示的中文，在IE6里，下劃線會緊緊的貼住中文字，很難看。

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

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

　　body{font-family:"宋體",sans-serif;}這個寫法可能的缺點在于：

　　1.宋體在Safari和Vista的IE7下，看起來很難看。

　　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)容了，經(jīng)過本文的學習后，相信大家對css全局樣式實例分析這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！