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 重要的	無窮大