CSS長度值表示方法

2021-08-03 06:58:54 字數 458 閱讀 7570

畫素

畫素是相對單位,因為它指的是顯示器上的小點。css規範中假設「90畫素=1英吋」,但實際上這跟顯示器的實際畫素值有關。目前大多數的設計者都傾向於使用畫素(px)作為單位。

em

指本元素 font-size 屬性值,如果元素的 font-size 為 14px ,那麼 1em = 14px。如下**,實現段落首行縮排2字元。

p

當給 元素的font-size 設定單位為 em 時,計算的標準以其父元素的 font-size 為基礎。

百分比

同樣以font-size屬性作為參照,如下,設定行高(行間距)為字型的130%(12 * 1.3 = 15.6px)。

p

CSS長度表示

顯示器顯示的原理就是在每個畫素點顯示不同的顏色。px表示畫素點的個數例 width 10px 表示寬度為10個畫素點 使用百分比設定時,有一點必須滿足,設定百分比時,它必須是乙個子元素,百分比是相對于父元素的相同屬性而言 舉個例子 body div.div的width相對於body 父元素 的wid...

CSS 顏色值 長度值

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

CSS顏色 長度值 字型

顏色值 設定顏色的方法 1 英文命令顏色 p 2 rgb顏色 與 photoshop 中的 rgb 顏色是一致的,由 r red g green b blue 三種顏色的比例來配色。每一項的值可以是 0 255 之間的整數,也可以是 0 100 的百分數。示例 p 或 p 3 十六進製制顏色 使用比...