CSS高階屬性

2021-10-01 11:45:04 字數 1054 閱讀 5770

css復合選擇器

1、標籤指定式選擇器

標記指定式選擇器又稱交集選擇器,由兩個選擇器構成,其中第乙個為標記選擇器,第二個為class選擇器或id選擇器兩個選擇器之間 不能有空格。

3、並集選擇器

並集選擇器是各個選擇器通過逗號連線組成,任何形式的選擇器(包括標記選擇器、class選擇器、id選擇器等),都可以作為並集選擇器的一部分。如果某些選擇器定義的樣式完全相同,或部分相同,就可以利用並集選擇器為他們定義相同的css樣式。

css層疊性和繼承性

1、層疊性

所謂層疊性是指多種css樣式的重疊。例如,當使用內嵌式css樣式表定義p標記字型大小大小為12畫素,鏈入式定義p標記顏色為紅色,

那麼段落文字將顯示為12畫素紅色,及兩種樣式產生了重疊。

2、繼承性

所謂繼承性是指書寫css樣式表時,子標記會繼承父的表記的某些樣式,如文字顏色和字型大小。例如,定義主體元素 body的文字顏色

為黑色,那麼頁面中所有的文字都將顯示為黑色,這是因為其他標記都巢狀在body標記中,是body標記的子標記。

恰當地使用繼承可以簡化**,降低css樣式的複雜度

但以下屬性不具有繼承性

變寬屬性

外邊距屬性

內邊距屬性

背景屬性

定義屬性

布局屬性

元素寬高屬性

css優先順序

同型別,同級別的樣式後者先於前者(後者會覆蓋前者)

id > 類樣式 > 標籤 > *

內聯》id選擇器》偽類》屬性選擇器》類選擇器》標籤選擇器》通用選擇器(*)>繼承的樣式

具體 > 泛化的,特殊性即css優先順序

!important 權重最高,比 inline style 還要高

近的 > 遠的 (內嵌樣式 > 內部樣式表 > 外聯樣式表)

內嵌樣式:內嵌在元素中,span

內部樣式表:在頁面中的樣式,寫在中的樣式

外聯樣式表:單獨存在乙個css檔案中,通過link引入或import匯入的樣式

作業:

部落格首頁

CSS屬性高階

1 hover屬性只會在hover的時候有效果,失去hover後同時失效。2 滑鼠懸浮在元素上時觸發偽元素樣式改變的寫法 bmap after bmap hover after 3 css3 rgb 和 rgba rgb色彩是通過對紅 r 綠 g 藍 b 三個顏色通道的變化和它們相互之間的疊加來得到...

CSS 高階屬性

display visibility overflow hidden cursor outline resize vertical align white space text overflow display 設定或檢索物件是否及如何顯示。display none隱藏物件,與它相反的是displa...

CSS高階屬性

1.層疊性 層疊性指多種css樣式的疊加。例如當使用內嵌式css樣式表定義p標籤字型大小為12px,外鏈式定義p標籤顏色為紅色,那麼段落文字將顯示為12px紅色 早晨有個好太陽 照的大家懶洋洋 不想上班真荒唐 別人上班我不忙 2.繼承性 繼承性是指書寫css樣式表時,子標籤會繼承父標籤的某些樣式,如...