首頁 > web前端 > css教學 > 主體

CSS的inherit與auto使用分析_經驗交流

WBOY
發布: 2016-05-16 12:04:11
原創
1751 人瀏覽過

通常是一個很小的數值,經過層層放大扭曲後,整個佈局就走形了。 CSS是一門很簡單的語言,易學易用,但也最容易出垃圾程式碼。這是沒有深入研究這門語言所致。本人認為,CSS是由以下三大塊構成的:預設值,繼承系統與加權系統。預設值,也就是瀏覽器在使用者沒有設定屬性的情況下,預設指定的屬性。 CSS框架基本上都有一個叫reset.css 的文件,就是對其進行重設,消除各瀏覽器的差異的。繼承系統就是下面要重點討論的東西。加權系統,也就是優先順序的問題,不在本文的討論範疇,不說了。另,這三個東西都面臨著IE Bug的侵襲,危害很大,自己另行了斷吧(笑)。

在CSS中,許多屬性都是可以繼承的,如某個段落的字體設定為白色,其元素的字體不用設定或設定為inhert,它就是白色。這些屬性稱為inherited property,它會從父元素取得對應屬性的經過計算與轉換的值(computed value),如果父元素和它的情形一樣,它就繼續往上找,最後沒有就使用瀏覽器的預設值。

下面是inherited properties的一覽表:

複製程式碼 程式碼如下:
border-collapse
border-spacing
caption-side
color
cursor
direction
empty-cells
font
font-family
font- stretch
font-size
font-size-adjust
font-style
font-variant
font-weight
letter-spacing
line-height
list- style
opacity
list-style-image
list-style-type
quotes
text-align
text-indent
text-transform
white-space word-spacing

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