CSS概念、顏色、尺寸單位

1、基本概念

HTML描述了要呈現的內容,而CSS則定義了這些內容呈現的形式,比如字體,顏色等,使用CSS能夠將頁面內容和呈現形式有效分離,有利於分工合作,也有利於快速更換不同的呈現形式。

三種方式:

(1)內聯樣式:將樣式定義在style屬性中,       內容和呈現形式高度耦合,維護困難,不利於分工合作。只能應用於當前標籤。

(2)內部樣式:<head>標籤中通過<style>標籤來定義。內容和表現形式的耦合程度降低了,但都還是在html文件中,沒有實現完全分離。定義的樣式只能在當前頁面使用。

(3)外部樣式表:首先需要定義一個樣式表文件,然後在需要使用這些樣式的html文件中引入該樣式表文件,外部樣式表使得內容和表現形式徹底分離,有利於分工合作和維護。可在多個html中引用。

2、顏色

Css中用8位數表示一個顏色,那麼可以表示28種顏色即256種顏色,所以總共可以表示256*256*256種顏色。

Css中有多種顏色表現形式:

(1)十六進制形式

(2)RGB顏色

(3)RGBA顏色

在RGB顏色基礎上增加了透明度分量(alpha),該分量的取值範圍爲0(完全透明)~1.0(完全不透明)

(4)HSL顏色

(5)HSL顏色

(6)自定義顏色

3、尺寸單位

cm:釐米

mm:毫米

in:英寸(inch)

px:像素(pixel)

%:百分比

em、vw、vh


絕對長度單位 

in 英寸Inches (1英寸 = 2.54 釐米) 
cm 釐米Centimeters 
mm 毫米Millimeters 
px 像素Pixels 
pc 皮卡Picas (1 皮卡 = 12 點)

相對長度單位 

em 元素的字體高度
       ex 字母x的高度
       % 百分比

4、進制:計數的方法

基:某種技術方法所需符號個數
權:某位的“1”代表的值


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章