數(shù)字
CSS中有兩類數(shù)字懂牧,整數(shù)和實(shí)數(shù)坤学。
百分?jǐn)?shù)
百分?jǐn)?shù)值幾乎總是相對于另一個(gè)值,這個(gè)值可以是任意的:可能是同一元素另一個(gè)屬性的值肢簿,也可以是從父元素繼承的一個(gè)值靶剑,或者是祖先元素的一個(gè)值。接受百分?jǐn)?shù)值的屬性會(huì)對所允許的百分?jǐn)?shù)值定義某些限制池充,還會(huì) 定義百分?jǐn)?shù)計(jì)算到什么程度桩引。
顏色
命名顏色
h1 {color: maroon;}
RGB
h1 {color: rgb(75%,50%,50%);}
h1 {color: rgb(191,127,127);}
十六進(jìn)制RGB
h1 {color:#FF0000;} /* set *Hls to red */
h2 {color:#903BC0;} /* set H2s to a dusky purple */
Web安全色
所謂“Web安全”顏色是指在256色計(jì)算機(jī)系統(tǒng)上總能避免抖動(dòng)的顏色。
如果使用RGB百分?jǐn)?shù)收夸,要讓所有這3個(gè)分量都要么是0%坑匠,要么是一個(gè)能被20整除的數(shù)。
如果使用0~255范圍的RGB值咱圆,則各分量值要么是0要么是能被51整除的數(shù)笛辟。
采用十六進(jìn)制記法功氨,使用值00、33手幢、66捷凄、99、CC和FF的三元組都認(rèn)為是Web安全的围来。
長度單位
絕對長度單位
英寸(in)
厘米(cm)
毫米(mm)
點(diǎn)(Pt)
派卡(pc)
鑒于顯示器像素密度各不相同跺涤,這些絕對長度往往很不準(zhǔn)確。避免使用监透。
相對長度單位
em
一個(gè)em對定義為一種給定字體的font-size值桶错,如果一個(gè)元素的font-size為14像素,那么對于該元素胀蛮,1em就等于14像素院刁。
h1 {font-size: 24px;margin-left: 1em;}
h1 small {font-size: 0.8em;margin-left: 1em;}
這樣時(shí),h1的左邊距就會(huì)是24px粪狼。
在設(shè)置font-size時(shí)使用em退腥,此時(shí)的em就會(huì)是相對于父元素的font-size的大小而言的,比如h1下的small的大小就會(huì)是以其父元素h1的font-size的24px為基準(zhǔn)的0.8倍再榄。但是small的margin-left的em還是相對自己的font-size而言的狡刘。
ex
ex是指所用字體中小寫x的高度。因此困鸥,如果有兩個(gè)段落嗅蔬,其中文本的大小為24點(diǎn),但是各段使用了不同的字體疾就,那么各段相應(yīng)的ex值可能不同澜术。因?yàn)椴煌煮w中x的高度可能不同。
px
這個(gè)就是像素了虐译。在現(xiàn)代的各種顯示設(shè)備中瘪板,像素已經(jīng)不是一個(gè)絕對的度量單位吴趴,對于像iPhone 6S plus漆诽,iMac 5K這種像素密度超高的設(shè)備來說,會(huì)把9個(gè)物理像素映射為一個(gè)px锣枝,普通的Macbook pro和iPhone則將4個(gè)物理像素映射為一個(gè)px厢拭。這樣來說,px確實(shí)是一個(gè)相對長度撇叁。相對各個(gè)設(shè)備來說的供鸠。
關(guān)鍵字
就是像none,normal這樣代表一些意義的值陨闹,其中有一個(gè)關(guān)鍵字比較重要楞捂,inherit薄坏。這個(gè)關(guān)鍵字可以顯式的指定一個(gè)特性繼承父元素的樣式。
這會(huì)讓該元素使用繼承的值而不是用戶代理的默認(rèn)樣式寨闹。正常情況下胶坠,直接指定的樣式總會(huì)優(yōu)先于繼承的樣式,但是通過使用inherit可以把情況反過來繁堡。