12.8學習日報(背景簡寫、選擇器繼承性、選擇器的權重)
背景簡寫
語法:
background: transparent url(image.jpg) repeat-y scrrll center top ;
背景樣式的小結:
屬性 | 作用 | 值 |
---|---|---|
background-color | 背景顏色 | 預定義的顏色值/十六進位制/RGB程式碼 |
background-image | 背景圖片 | url(圖片路徑) |
background-repeat | 是否平鋪 | repeat / no-repeat-x / repeat-y |
background-position | 背景位置 | length / position 分別是 x 和 y 座標,切記 如果有 精確數值單位,則必須按照先 x 後 y 的寫法 |
background-attachment | 背景固定還是滾動 | scroll / fixed |
背景簡寫 | 更簡單 | 背景顏色 背景圖片地址 背景平鋪 背景滾動 背景位置 ;(他們沒有順序) |
背景透明 | 讓盒子半透明 | background (0.0.0.3); (後面必須是 4個值) |
層疊性
-
概念:
所謂層疊性是指多種CSS樣式的疊加。
是遊覽器處理衝突的一個能力,如果一個屬性通過兩個相同選擇器設定同一個元素上,那麼這個時候一個屬性就會將另一個屬性層疊掉。 -
原則:
- 樣式衝突,遵循的原則是就近原則。那個樣式離著結構近,就執行那個樣式。
- 樣式不衝突,不會層疊。
繼承性
-
概念:
子標籤會繼承父標籤的某些樣式,如文字顏色和字號。
想要設定一個可繼承的屬性,只需將它應用於父元素即可。
簡單的理解簡單: 子承父業。 -
注意:
- 恰當地使用繼承可以簡化程式碼,降低CSS樣式的複雜性。比如有很多子級孩子都需要某個樣式,可以給父級指定一個,這些孩子繼承過來就好了。
- 子元素可以繼承父元素的樣式 (text-,font-,line-這些元素開頭的可以繼承,以及color屬性)
優先順序與權重
定義CSS樣式時,經常出現兩個或更多規則在同一元素上,此時,
- 選擇器相同,則執行層疊性。
- 選擇器不同,就會出現優先順序的問題。
權重計算公式:
標籤選擇器 | 計算權重公式 |
---|---|
繼承或者* | 0.0.0.0 |
每個元素(標籤選擇器) | 0.0.0.1 |
每個類,偽類 | 0.0.1.0 |
每個ID選擇器 | 0.1.0.0 |
每個行內樣式 style="" | 1.0.0.0 |
每個 !important 重要的 | 無窮大 |
相關文章
- CSS3新增選擇器(屬性選擇器、結構偽類選擇器、偽元素選擇器)CSSS3
- css 選擇器及權重筆記CSS筆記
- css選擇器權重和超越`!important`CSSImport
- 002---選擇器(標籤選擇器、類選擇器、id選擇器、偽類選擇器、萬用字元選擇器)字元
- jQuery選擇器介紹:基本選擇器、層次選擇器、過濾選擇器、表單選擇器jQuery
- CSS 選擇器權值CSS
- 為什麼不通過修改介面或者選擇書寫繼承介面重寫方法的新子類,偏偏選擇新增上一個裝飾器繼承
- 編寫更快的選擇器
- [CSS]屬性選擇器CSS
- 一個帶有權重的隨機選擇器隨機
- less學習三—父選擇器
- 機器學習之模型選擇機器學習模型
- 4月10日學習筆記——jQuery選擇器筆記jQuery
- jQuery選擇器之層次選擇器jQuery
- 選擇器
- 【爬坑日記】.class.class選擇器的選擇問題
- jQuery 原始碼學習 (六) 選擇器jQuery原始碼
- FPGA 學習 00 二選一多路選擇器FPGA
- 使用 CSS 選擇器實現對不含 title 屬性元素的選擇CSS
- Jquery的選擇器jQuery
- 重學前端筆記21-css選擇器前端筆記CSS
- timePicker.vue日曆選擇器Vue
- CSS筆記——屬性選擇器CSS筆記
- CSS選擇器CSS
- jQuery選擇器jQuery
- jQuery 選擇器jQuery
- 如何進行機器學習框架選擇機器學習框架
- 透過NandGame網站學習選擇器NaNGAM網站
- css樣式選擇器學習筆記CSS筆記
- jQuery 選擇器彙總-思維導圖-選擇器jQuery
- CSS 基礎(盒模型、選擇器、權重、優先順序)CSS模型
- 學機器學習要選擇 Python 的13個原因機器學習Python
- 淺談邏輯選擇器 -- 父選擇器它來了!
- jquery中的選擇器jQuery
- 精讀《使用 CSS 屬性選擇器》CSS
- (轉)為什麼選擇機器學習策略機器學習
- element 時間選擇器禁止選擇以前的時間
- 相鄰兄弟選擇器、後代選擇器和子選擇器三者有什麼區別?