CSS中尺寸及顏色

2021-08-04 07:37:31 字數 1412 閱讀 6401

1.css中的尺寸

相對尺寸:

%:  所佔父元素的百分比  如

divpx: 畫素,指螢幕上的乙個點

如div

em: 倍率,表示標準字型大小的倍率 如

div絕對尺寸:

在螢幕上使用的web頁面尺寸幾乎不用絕對尺寸

cm:厘公尺

mm:公釐

in:英吋

pt:磅

(72磅

=1英吋)

2.css中的顏色

(1)英文本元表示  如

red  green  silver

rgb表示法:

(2)三位整數

rgb(***, ***, ***)   

如span

(3)三位百分比  

rgb(xx%, xx%, xx%)   

如span

(4)六位十六進製制數  

#******  

如span

(5)三位十六進製制數  

#***

如span  => #ffcc00

色彩理論:

原色:能夠以一定的比例調配出其它顏色的顏色

加色系:以redgreenblue為原色的色彩體系。主動發光的物體發出來的顏色使用加色系,如太陽、火焰、燈、顯示屏等。顏色越多越白。

減色系:以cynemegatonyellow為原色的色彩體系。不會主動發光,而是發射其它光線的物體,使用減色系,如月亮、紙張、油畫筆等。顏色越多越黑。

計算機中顏色表示法——加色系:

任意乙個顏色都要使用red、

green

、blue

三個原色以一定的比例混合調配出來。

32位真彩色:使用

8bit(0-255/00-ff)

來描述乙個原色的配比量

2^24

64位真彩色:使用

16bit(0-65535/0000-ffff)

來描述乙個原色的配比量

2^48

255,0,0 紅色

0,255,0 綠色

0,0,255 藍色

0,0,0 黑色

255,255,255 白色

10,10,10 深灰色

200,200,200 淺灰色

0,255,255 青色,紅色的互補色

255,0,255 品紅色,綠色的互補色

255,255,0 黃色,藍色的互補色

230,180,10 土黃色

200,230,190

和諧色:

180 240 50

240 180 50

180 50 240

240 50 180

50 240 180

50 180 240

CSS樣式 顏色和尺寸

color background color rgb 0,255,0 background color rgba 0,255,0,0.5 background color hsl 240,50 50 background color hsla 240,100 50 0.5 background co...

css中尺寸單位介紹

1.em 在做手機端的時候經常會用到的做字型的尺寸單位 說白了 em就相當於 倍 比如設定當前的div的字型大小為1.5em,則當前的div的字型大小為 當前div繼承的字型大小 1.5 但是當div進行巢狀的時候,em始終是按照當前div繼承的字型大小來縮放,參照後面的例子。2.rem 這裡的r就...

CSS 中的顏色

十六進製制表示法 十六進製制色 rgb 顏色 rgba 顏色 hsl 顏色 hsla 顏色 rgb分別是red green blue三種顏色的縮寫,它們也是三原色,理論上可以調配成任意顏色。rgb red,green,blue 每個引數 red green 以及 blue 定義顏色的強度,可以是介於...