祖先元素上的樣式也會被他的後代所繼承,但是並不是所有的樣式都會被子元素所繼承,比如背景相關的樣式,邊框相關的樣式,定位相關的樣式都不會被繼承。
(1)內聯樣式——1000
(2)id選擇器——100
(3)類和偽類——10
(4)元素選擇器——1
(5)通配選擇器——0
(6)繼承的樣式——無優先順序
當選擇器中包含有多種選擇器是,需要將多種選擇器的優先順序相加然後再比較。但是注意,選擇器優先順序計算不會超過他的最大數量級,如果選擇器的優先順序一樣,則使用靠後的樣式。
並集選擇器的優先順序是單獨計算。
可以在樣式的最後新增乙個!important,則此時該樣式將會獲得乙個最高的優先順序,將會優先於所有的樣式顯示甚至超過內聯樣式。
最好以link、visited、hover、active的順序寫,否則由於這四個選擇器的優先順序是一樣的,會造成一些樣式的覆蓋。
(1)px是畫素點
(2)百分比%瀏覽器將會根據其父元素的樣式來計算該值,當父元素的屬性值發生變化時,子元素也會按照比例發生改變
(3)em是相對於當前元素的字型大小來計算的,1em=1font-size(),當字型大小發生改變時,em也會隨之改變
(1)顏色的英文,比如:「red」
(2)rgb值來設定,語法:rgb(紅色濃度,綠色濃度,藍色濃度),顏色的濃度需要乙個0-255之間的值,255表示最大,0表示沒有。顏色的濃度也可以採用乙個百分數來設定,需要乙個0%~100%之間的數字。
(3)也可以使用十六進製制的數字來代替,使用三組兩位的十六進製制陣列來表示乙個顏色
語法:#紅色綠色藍色->00表示沒有,相當於rgb中的0,ff表示最大,相當於rgb中的255
我們可以使用font-***x來設計字型,但是css中還未我們提供了乙個font屬性,可以設定字型相關的所有樣式,不同的值使用空格隔開,除了文字的大小和字型必須寫之外,其他的屬性可以寫也可以不寫,沒有順序要求,不寫則使用預設值,字型必須是最後乙個值,而大小必須是倒數第二個值。
我們可以通過設定行高來簡介的設定行間距,行高越大行間距越大,使用line-height屬性來設定行高,行間距=行高-字型大小,line-height屬性可以(1)接收乙個數字大小,(2)也
可以接收乙個百分數,則會相對於字型的大小來計算行高,(3)還可以接收乙個數值,則行高會設定字型大小相應的倍數。
對於單行文字來說,可以將行高設定為和父元素的高度一致,這樣可以使單行文字在父元素中垂直居中,在font中也可以指定行高,在字型大小後面可以新增『/行高』,來指定行高,該值是可以選擇的,如果不指定則會使用預設值,並且line-height一定要在font屬性前面設定,否則line-height會被覆蓋。
CSS樣式 文字樣式
文字擷取 employorganizalistctrl listtext 文字對齊方式 text align justify 文字超出固定高度 顯示滾動條 overflow scroll 顯示邊框 border 1px dashed ff6b6b 虛線 border top style 1px so...
CSS樣式 文字
css文字屬性可定義文字外觀。通過文字屬性,可以改變文字的顏色,字元間距,對齊文字,裝飾文字,對文字縮排 color aquamarine 顏色是繼承效果 text align center 文字對齊方式 text indent 2 em 首行文字縮排2個畫素 text transform capi...
CSS 文字樣式
left center right左中右 justify 兩端對齊 inherit 繼承 行高不夠時,行與行之間後重疊 數字px 數字em 數字 基於字型大小的百分比 數字 父元素的百分比 數字px 數字em 固定值預設為0 inherit繼承 normal 預設 數字px 固定值 可為負值 inh...