CSS樣式的單位和值 9

2021-08-27 08:03:03 字數 482 閱讀 5824

ppp

p畫素指的是顯示器上的小點(css規範中假設「90畫素=1英吋」)。實際情況是瀏覽器會使用顯示器的實際畫素值有關,在目前大多數的設計者都傾向於使用畫素(px)作為單位。

就是本元素給定字型的 font-size 值,如果元素的 font-size 為 14px ,那麼 1em = 14px;如果 font-size 為 18px,那麼 1em = 18px。如下**:

p上面**就是可以實現段落首行縮排 24px(也就是兩個字型大小的距離)。

當給 font-size 設定單位為 em 時,此時計算的標準以 該標籤的父元素的 font-size 為基礎。如下**:

html:

以這個例子為例。

css:

pspan

結果 span 中的字型「例子」字型大小就為 11.2px(14 * 0.8 = 11.2px)。 p

設定行高(行間距)為字型的130%(12 * 1.3 = 15.6px)。

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 派卡...