css三大特性之繼承性
1.什麼是繼承性?
作用: 給父元素設定一些屬性, 子元素也可以使用, 這個我們就稱之為繼承性
注意點:
1.並不是所有的屬性都可以繼承, 只有以color/font-/text-/line-開頭的屬性才可以繼承
2.在css的繼承中不僅僅是兒子可以繼承, 只要是後代都可以繼承
3.繼承性中的特殊性
3.1a標籤的文字顏色和下劃線是不能繼承的
3.2h標籤的文字大小是不能繼承的
應用場景:
一般用於設定網頁上的一些共性資訊, 例如網頁的文字顏色, 字型,文字大小等內容
css三大特性之層疊性
1.什麼是層疊性?
作用: 層疊性就是css處理衝突的一種能力
注意點:
層疊性只有在多個選擇器選中"同乙個標籤", 然後又設定了"相同的屬性", 才會發生層疊性
css全稱 cascading stylesheet
css三大特性之優先順序
1.什麼是優先順序?
作用:當多個選擇器選中同乙個標籤, 並且給同乙個標籤設定相同的屬性時, 如何層疊就由優先順序來確定
2.優先順序判斷的三種方式
2.1間接選中就是指繼承
如果是間接選中, 那麼就是誰離目標標籤比較近就聽誰的
2.2相同選擇器(直接選中)
如果都是直接選中, 並且都是同型別的選擇器, 那麼就是誰寫在後面就聽誰的
2.3不同選擇器(直接選中)
如果都是直接選中, 並且不是相同型別的選擇器, 那麼就會按照選擇器的優先順序來層疊
id>類》標籤》萬用字元》繼承》瀏覽器預設
優先順序的!important
1.什麼是!important
作用: 用於提公升某個直接選中標籤的選擇器中的某個屬性的優先順序的, 可以將被指定的屬性的優先順序提公升為最高
注意點:
1.!important只能用於直接選中, 不能用於間接選中
2.萬用字元選擇器選中的標籤也是直接選中的
3.!important只能提公升被指定的屬性的優先順序, 其它的屬性的優先順序不會被提公升
4.!important必須寫在屬性值得分號前面
5.!important前面的感嘆號不能省略
優先順序的權重問題
1.什麼是優先順序的權重?
作用: 當多個選擇器混合在一起使用時, 我們可以通過計算權重來判斷誰的優先順序最高
2.權重的計算規則
2.1首先先計算選擇器中有多少個id, id多的選擇器優先順序最高
2.2如果id的個數一樣, 那麼再看類名的個數, 類名個數多的優先順序最高
2.3如果類名的個數一樣, 那麼再看標籤名稱的個數, 標籤名稱個數多的優先順序最高
2.4如果id個數一樣, 類名個數也一樣, 標籤名稱個數也一樣, 那麼就不會繼續往下計算了, 那麼此時誰寫在後面聽誰的
也就是說優先順序如果一樣, 那麼誰寫在後面聽誰的
注意點:
1.只有選擇器是直接選中標籤的才需要計算權重, 否則一定會聽直接選中的選擇器的
CSS三大特性之繼承性
css有三大特性，分別是繼承性，層疊性，優先順序，這裡講解繼承性 繼承性是指指被包在內部的標籤將擁有外部標籤的樣式性，即子元素可以繼承父元素的屬性，例如下面的 div中包含2個p標籤，1個span標籤，當給div設定字型顏色為紅色時，他的子標籤會繼承父元素的屬性，因而會顯示紅色。在css中以text...
CSS特性之繼承性
1 文字屬性 屬性說明 vertical align 垂直文字對齊 text decoration 規定新增到文字的裝飾 text shadow 文字陰影效果 white space 空白符的處理 unicode bidi 設定文字的方向 2 盒子模型的屬性 屬性說明 width 寬度height ...
PHP三大特性之繼承性
作用 讓 更具開放性 可擴充性，增加 的重用性 提高軟體的可維護性 繼承就是用子類去 擴充套件 父類 宣告乙個子類，使用extends關鍵字，去繼承 拓展 乙個父類 子類可以從父類繼承所有東西，除了private封裝的成員 如果想封裝時既可以讓自己類內部可以使用，也可以讓子類使用，但是內外不能用，那...