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的高度
% 百分比