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樣式表時,子標籤會繼承父標籤的某些樣式,如...