CSS文字樣式

2021-10-09 17:38:35 字數 1664 閱讀 6825

祖先元素上的樣式也會被他的後代所繼承,但是並不是所有的樣式都會被子元素所繼承,比如背景相關的樣式,邊框相關的樣式,定位相關的樣式都不會被繼承。

(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...