單位與顏色表示(web作業)

2021-08-28 23:29:07 字數 1096 閱讀 9723

在web設計的時候,經常涉及到某些有大小屬性的設定,這裡列舉出css中的尺寸的單位。

單位描述

%百分比

in英吋

cm厘公尺

mm公釐

em1em 等於當前的字型尺寸。

2em等於當前字型尺寸的兩倍,例如,如果某元素以 12pt 顯示,那麼 2em 是24pt。在 css 中,em 是非常有用的單位,因為它可以自動適應使用者所使用的字型。

ex乙個 ex 是乙個字型的 x-height。 (x-height 通常是字型尺寸的一半。

pt磅 (1 pt 等於 1/72 英吋)

pc12 點活字 (1 pc 等於 12 點)

px畫素 (計算機螢幕上的乙個點)

接下來介紹下關於在web中的顏色常用表示方法

1.英文單詞

如:red/bule/write······
2.rgb();

rgb(red, green, blue)

每個引數 (red、green 以及 blue) 定義顏色的強度,可以是介於 0 與 255 之間的整數,或者是百分比值(從 0% 到 100%)。

如:rgb(255,0,0)或rgb(100%,0,0)就代表最深的紅色

3.rgba();

這是在rbg的表示方法上增加了乙個:透明度

透明度值(0~1)越小,透明度越大。

4.十六進製制;

每兩位表示rgb對於的r,g,b。如:#ff0000表示紅色
5.十六進製制縮寫;

當表示表示基本顏色的兩位數都一樣是可以用十六進製制縮寫。

如:#ff0000可以縮寫成#f00

如果你用的是sublime text,你可以安裝乙個叫做colorpicker的外掛程式,這樣你就不必擔心想用什麼顏色而不知道顏色對應的顏色值為多少

可以用ctrl+shift+c調出顏色板

css顏色單位表示法

所有的顏色都可以由紅 綠 藍三原色調配而成。css中用8位表示乙個顏色,那麼可以有28即256種顏色,所以總共可以表示256256256種顏色。css縱有多種顏色表示 十六進製制表示法 可表示為 rrggbb,其中rr 紅色 gg 綠色 和bb 藍色 所有值必須介於0和ff之間。例如 0000ff值...

CSS顏色與度量單位

顏色表方案顏色的表現形式主要有三種方式 顏色名稱 p解釋 這是將乙個段落內的文字設定為紅色,採用的是英文顏色名稱 解釋 rgb r,g,b 用rgb模型表示顏色 如rgb 0,128,128 rgba r,g,b,a 同上,a表示透明度0 1之間,如rgba 0,128,128,0.5 hsl h,...

靜態頁面架構 CSS之顏色與單位

一.顏色與單位 顏色 前景色與背景色 設定文字和背景顏色 顏色的命名 透明度 是以opacity定義元素透明度 範圍值0到1.0 二。文字 結構化元素 標題元素 標題大小用h1到h6表示 常用的h1到h3,h1最大,h6最小 4.換行符與水平線 換行是以br元素定義的,水平線是以hr元素定義的 5....