CSS學習2(值和單位)

2021-07-13 08:08:35 字數 1408 閱讀 3994

css中有兩類數字,整數和實數。

百分數值幾乎總是相對於另乙個值,這個值可以是任意的:可能是同一元素另乙個屬性的值,也可以是從父元素繼承的乙個值,或者是祖先元素的乙個值。接受百分數值的屬性會對所允許的百分數值定義某些限制,還會 定義百分數計算到什麼程度。

h1

h1

h1

h1

/* set *hls to red */

h2 /* set h2s to a dusky purple */

所謂「web安全」顏色是指在256色計算機系統上總能避免抖動的顏色。

如果使用rgb百分數,要讓所有這3個分量都要麼是0%,要麼是乙個能被20整除的數。

如果使用0~255範圍的rgb值,則各分量值要麼是0要麼是能被51整除的數。

採用十六進製制記法,使用值00、33、66、99、cc和ff的三元組都認為是web安全的。

英吋(in)

厘公尺(cm)

公釐(mm)

點(pt)

派卡(pc)

鑑於顯示器畫素密度各不相同,這些絕對長度往往很不準確。避免使用。

em

乙個em對定義為一種給定字型的font-size值,如果乙個元素的font-size為14畫素,那麼對於該元素,1em就等於14畫素。

h1

h1small

這樣時,h1的左邊距就會是24px。

在設定font-size時使用em,此時的em就會是相對于父元素的font-size的大小而言的,比如h1下的small的大小就會是以其父元素h1的font-size的24px為基準的0.8倍。但是small的margin-left的em還是相對自己的font-size而言的。

ex

ex是指所用字型中小寫x的高度。因此,如果有兩個段落,其中文字的大小為24點,但是各段使用了不同的字型,那麼各段相應的ex值可能不同。因為不同字型中x的高度可能不同。

px

這個就是畫素了。在現代的各種顯示裝置中,畫素已經不是乙個絕對的度量單位,對於像iphone 6s plus,imac 5k這種畫素密度超高的裝置來說,會把9個物理畫素對映為乙個px,普通的macbook pro和iphone則將4個物理畫素對映為乙個px。這樣來說,px確實是乙個相對長度。相對各個裝置來說的。

就是像none,normal這樣代表一些意義的值,其中有乙個關鍵字比較重要,inherit。這個關鍵字可以顯式的指定乙個特性繼承父元素的樣式。

這會讓該元素使用繼承的值而不是使用者**的預設樣式。正常情況下,直接指定的樣式總會優先於繼承的樣式,但是通過使用inherit可以把情況反過來。

CSS 單位和值

在網頁中的顏色設定是非常重要,有字型顏色 color 背景顏色 background color 邊框顏色 border 等,設定顏色的方法也有很多種 1 英文命令顏色 前面幾個小節中經常用到的就是這種設定方法 p2 rgb顏色 這個與 photoshop 中的 rgb 顏色是一致的,由 r red...

css值和單位

css中有兩類數字 整數和實數。這些數字型別主要作為其他值型別的基礎,不過在某些情況下,這些基本型別數字也可以用作屬性的值。百分數值是乙個計算得出的實數,其後跟有乙個百分號。百分數值幾乎總是相對於另乙個值,這個值可以是任意的。很多css屬性都依賴於長度度量來合適的顯示各種頁面元素。所有長度單位都可以...

CSS 值和單位

字元 p.onergb包括數字,百分數,16進製制數 p.two p.three p.four安全色 避免抖動的顏色。rgb值20 和51 十進位制 的倍數的值都是安全色。長度 數字 單位 絕對長度單位 在web設計時很少使用到。5種絕對長度單位 英吋 in 厘公尺 cm 公釐 mm 點 pt 派卡...