css 繼承,層疊,優先順序

2021-08-21 04:39:41 字數 1236 閱讀 6379

1,繼承,父親黃種人,孩子也為黃種人(兒子繼承父親), 父親為 color:red;子元素,也為color:red;(子元素不要勞作就有了,子元素什麼有沒有做,我就有了父元素的值)

2,但是 width,不叫繼承,叫可以獲取(子元素可以獲取父親的width)。父親寬度為100px。子元素不寫寬度,那麼,照樣沒有寬度;(需要自己設定 width為多少,或者為 父元素的百分之多少);

2,css可以繼承的屬性有:text-、font-、line-;

text-transform:控制文字大小寫

direction:規定文字的書寫方向

color:文字顏色

3、元素可見性:

visibility

4、**布局屬性:

caption-side、border-collapse、border-spacing、empty-cells、table-layout

5、列表布局屬性:

list-style-type、list-style-image、list-style-position、list-style

6、生成內容屬性:

quotes

7、游標屬性:

cursor

8、頁面樣式屬性:

page、page-break-inside、windows、orphans

9、聲音樣式屬性:

speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation

三、所有元素可以繼承的屬性

1、元素可見性:visibility

2、游標屬性:cursor

四、內聯元素可以繼承的屬性

1、字型系列屬性

2、除text-indent、

text-align

之外的文字系列屬性

五、塊級元素可以繼承的屬性

1、text-indent、text-alig

等。。。。。。。

3,子元素寬度 如果使用百分比,即父親盒子的1000px;子盒子b寬度設定 50%;則子盒子的寬度為500px;但是,特殊的是,子盒子b的margin,boder,height,如果也寫百分比,其參考的也是 a盒子的寬度;所以 寬度這個東西是很神奇的東西;

css層疊,繼承,優先順序筆記

css三大特徵 層疊 層疊是指樣式層疊,是瀏覽器處理衝突的能力。如果乙個屬性通過兩個或多個相同的選擇器設定了同一元素的不同樣式,這是就會出現衝突,瀏覽器會以最後的樣式為準。ps 要是不同的選擇器設定了同一屬性的不同樣式就要比較選擇器的優先順序問題.css層疊特性 上述 中先後通過div元素選擇器對顏...

CSS層疊(優先順序)

層疊樣式表css最基本的乙個特性就是層疊。衝突的宣告通過層疊進行排序,由此確定最終的文件表示。而這個過程的核心就是選擇器及其相關宣告的特殊性 重要性 及繼承機制。本文將詳細介紹css層疊 選擇器的特殊性由選擇器本身的元件確定。特殊性值表述為4個部分 如 0,0,0,0 下面來介紹不同的選擇器的特殊性...

CSS層疊優先順序

內容提要 如果同個元素有兩個或以上衝突的css規則,瀏覽器有一些基本的規則來決定哪乙個非常特殊而勝出。它可能不像其它那麼重要,大部分案例你不需要擔心衝突,但大型而且複雜的css檔案,或有很多css檔案組成的,可能產生衝突。如果同個元素有兩個或以上衝突的css規則,瀏覽器有一些基本的規則來決定哪乙個非...