首頁 > web前端 > css教學 > css全域樣式有什麼意義

css全域樣式有什麼意義

anonymity
發布: 2019-05-28 09:37:31
原創
7051 人瀏覽過

css全域樣式有什麼意義?

css全局樣式的意義就是為了規範開發,提高工作效率,便於後台人員添加功能及前端後期優化維護,輸出高品質的文檔,在網站建設中,使結構更加清晰,程式碼簡潔有序,有更好的前端架構。

同時使用全域樣式更符合web標準,頁面效能優化,程式碼簡潔、明了、有序,盡可能的減少伺服器的負載,保證最快的解析速度。

css全域樣式有什麼意義

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

body {font-family: Arial, sans-serif;}這是迄今為止發現的最好CSS全域字體寫法解決方案。下面簡單與其他寫法比較一下。

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

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

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

3. 如果一行同時出現中文和英文,而這一行裡有元素被定義了vertical-align屬性,在IE 6、7裡會導致文字高低不齊,甚至下劃線錯位。

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是黑體。這樣的話,只能將字體的第一個設定為英文字體,這樣遇到中文的時候,瀏覽器會自動呼叫預設字體。

如果不嫌難看,定義為Arial是最適合的。如果實在不喜歡,可以將全域定義為Tahoma,然後再將有底線的(如連結)文字定義為Arial,至少可以緩解一下。

對於全域字體需要注意的是:IE裡,所有的表單元素都不繼承body的字體屬性,需要單獨設定:

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

以上是css全域樣式有什麼意義的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板