CSS(顏色 字型)

2021-09-19 18:13:30 字數 950 閱讀 9552

十六進製制顏色是這樣規定的:#rrggbb,其中的 rr(紅色)、gg(綠色)、bb(藍色)十六進製制整數規定了顏色的成分。所有值必須介於 0 與 ff 之間。

所有瀏覽器都支援十六進製制顏色值。

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

所有瀏覽器都支援 rgb 顏色值。

rgb(0,0,255) 和 rgb(0%,0%,100%)。同樣表示藍色

rgba 顏色值是這樣規定的:rgba(red, green, blue, alpha)。alpha 引數是介於 0.0(完全透明)與 1.0(完全不透明)的數字。

數字px(畫素);

數字%(父元素的百分比,可以大於100%)

數字em(與父元素的百分比,瀏覽器預設是16px。1em表示與父元素相同)

smaller 比父元素更小

larger 比父元素大

inherit 及整合父元素的大小

如圖:

後可以加上多個字型,字型與字型之間用逗號隔開。按從左往右的順序讀取,當左邊不存在時使用右邊的字型。

為避免亂碼時無法讀取漢字,最好使用英文本型名

如圖:

normal 400 預設值

bold 700 粗

bolder 更粗

lighter 更細

100~900的整百數字

normal 正常

italic 斜體

oblique 傾斜(與italic效果類似)

inherit 繼承

如圖:

normal 正常

small-caps

inhert 繼承

如圖:

CSS顏色 長度值 字型

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

css教程之css設定字型顏色

font size 18px 設定字型大小 color 093 設定字色 font family 宋體 設定字型 要盡量使用通用的字型,就是用大家電腦上一般都有的字型,常用的是中文字型是宋體英文本型是arial 設定字型的時候將英文本型設定在前,中文設定在後 如果想用比較特殊的字型,可以將其轉換為 ...

Css顏色和文字字型

顏色名表示,比如 red 紅色,gold 金色 16進製制數值表示,比如 ff0000 表示紅色,這種可以簡寫成 f00 rgb顏色 紅 r 綠 g 藍 b 三個顏色通道的變化 background color rgb 200,100,0 rgba顏色 紅 r 綠 g 藍 b 透明度 a backg...