CSS基礎知識總結之顏色 單位

2021-08-03 18:29:05 字數 1475 閱讀 2398

顏色

所有的顏色都可以由紅、綠、藍三原色調配而成。

css中用8位表示乙個顏色,那麼可以有28即256種顏色,所以總共可以表示256*256*256種顏色。

css縱有多種顏色表示:

(1)十六進製制形式

style=

"color: #ff0000

">十六進製制顏色p>

(2)rgb顏色

<p

style=

"color:rgb(256,0,0)">rgb顏色p>

(3)rgba(alpha)顏色

在rgb的基礎上增加了透明度分量,該分量的取值為0~1.0之間變化

<p

style=

"color:rgba(256,0,0,0.1)">rgb顏色p>

(4)hsl

<p

style=

"color:hsl(120,50%,50%)">hslp>

(5)hsla

在hsl基礎上進行顏色透明度的改變

<p

style=

"color:hsla(120,50%,50%,0.1)">hslap>

(6)預定義顏色

css預定了一些常用的顏色。例如red、black。

單位

cm厘公尺,mm公釐,in(inch)英吋

px畫素,絕對單位。

%,相對單位。

width=

"30%">td>

em,emphasize強調。

標籤是乙個短語標籤,用來呈現為被強調的文字。

vw,h1相對於視口的寬度。視口被均分為100單位的vw,如果視口的寬度是200mm,那麼上述**中h1元素的字型大小將為16mm,即(8x200)/100

vh,h2

上面說到了顏色的進製,那麼我們就稍微簡單的補充一些關於進製的一些知識

計數的方法:

基,是某種計數方法的所需要的符號

其中二進位制的符號為0和1,八進位制的符號為0~7,十進位制的符號為0~9,十六進製制的符號為0~9,a,b,c,d,e,f(分別代表10,11,12,13,14,15)

權,某位的「1」所代表的值。

例如:145用十進位制表示就是10=1*102+4*101+5*100

八進位制下145表示的是:1*82+4*81+5*80=101

十六進製制下65顯示的是:6*161+5*160=101

當然這裡面有很多知識,如果想具體的了解關於進製的一些問題可以去具體學習。

CSS基礎知識總結

1 使用css 2 css的優勢是容易修改樣式.標籤與css搭配起來使用能夠較好地修改格式。css中除了在標籤中編碼選擇器外,也可以在html本身的標籤中使用屬性來設定css格式。3 外部css的使用 4 css的優先順序基本原則是就近原則 因此在書寫是一般講外部式放在最前 在有相同權值的情況下,優...

css基礎知識總結

一.權重的比較 1.元素被選中 id選擇器 類選擇器 標籤選擇器 2.元素未選中 誰離目標近選誰 二.元素的居中 1.居中 文字居中 水平居中 單行 多行 屬性 text align center 垂直居中 單行文字 line height height 設定行高等於個高 多行文字 不設定高度,同時...

顏色基礎知識

我們知道,人們視為 可見 的光可以分解為從藍色到紅色的乙個漸進的彩虹光譜帶。可見光譜 我們還見過 也許還用過 色環,色環顯示如何通過混合兩種或更多顏色來生成特定的顏色。色環實質上就是在彩色光譜中所見的長條形的色彩序列,只是將首尾連線在一起,使紅色連線到另一端的紫色。色環色環通常包括 12 種不同的顏...