css學習日記(二),優先順序,繼承

2021-10-14 17:54:18 字數 876 閱讀 6272

選擇器優先順序

!important; //不計入優先順序計算,優先順序最高,建議少用

使用格式:在想要最優先的**塊屬性分號前直接寫入!important即可

特性值的計算:

特性值越高,優先順序越高;

特性值相同,誰最靠後誰優先順序最高,因為之後的**會覆蓋前面的**

特性值的計算方式

寫在style屬性內部:特性值1000

id選擇器:特性值100

類/偽類/屬性:特性值10

標籤/偽元素:特性值1

繼承

1.有些預設繼承父元素,有些不繼承

2.屬性

1》inherit繼承父元素的樣式

2》initial不繼承,使用瀏覽器的預設樣式

3.總結

繼承的:font-size height width

尺寸+顏色-單位

尺寸:

1》絕對單位 :px

2》相對單位 :百分比%;em(1em相當於16px,是預設字型的寬度)

顏色: 1》關鍵字:red;blue

2》rgb(r,g,b):r:red ; g:green ; b:blue ; rgb三個屬性可取值範圍為0-255,三元色混合自定義顏色

3》rgba(r,g,b,a) :a:apcaity:透明度,取值範圍0-1

0:完全透明,1:完全不透明,0.5:半透明

4》16進製制顏色值

#16進製制**6位數字

#ffff00 紅色

#0000ff 藍色

#ffffff 白色簡寫為#fff

#cccccc 淺灰色簡寫為#ccc

css 繼承,層疊,優先順序

1,繼承,父親黃種人,孩子也為黃種人 兒子繼承父親 父親為 color red 子元素,也為color red 子元素不要勞作就有了,子元素什麼有沒有做,我就有了父元素的值 2,但是 width,不叫繼承,叫可以獲取 子元素可以獲取父親的width 父親寬度為100px。子元素不寫寬度,那麼,照樣沒...

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

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

前端css優先順序以及繼承

css具有兩大特性 繼承性和層疊性 繼承性繼承 給父級設定一些屬性,子級繼承了父級的該屬性,這就是我們的css中的繼承。有一些屬性是可以繼承下來 color font text line 主要是文本級的標籤元素。但是像一些盒子元素屬性,定位的元素 浮動,絕對定位,固定定位 不能繼承。層疊性層疊性 權...