css學習 第五彈 單位和值

2022-09-04 10:21:10 字數 860 閱讀 9430

一、

》1、顏色表示方法總結:

1、英文命令顏色

前面幾個小節中經常用到的就是這種設定方法:

p2、rgb顏色

這個與 photoshop 中的 rgb 顏色是一致的,由 r(red)、g(green)、b(blue) 三種顏色的比例來配色。

p每一項的值可以是 0~255 之間的整數,也可以是 0%~100% 的百分數。如:

p3、十六進製制顏色

這種顏色設定方法是現在比較普遍使用的方法,其原理其實也是 rgb 設定,但是其每一項的值由 0-255 變成了十六進製制 00-ff。

p》2、單位和值

1、畫素

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

2、em

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

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

下面注意乙個特殊情況:

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

html:

以這個例子為例。

css:

pspan

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

3、百分比

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

CSS學習2(值和單位)

css中有兩類數字,整數和實數。百分數值幾乎總是相對於另乙個值,這個值可以是任意的 可能是同一元素另乙個屬性的值,也可以是從父元素繼承的乙個值,或者是祖先元素的乙個值。接受百分數值的屬性會對所允許的百分數值定義某些限制,還會 定義百分數計算到什麼程度。h1 h1 h1h1 set hls to re...

CSS 單位和值

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

css值和單位

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