HTML5第三天筆記

CSS 

html:結構

css:表現

CSS:層疊樣式表

作用：修飾和美化html 。實現了結構和樣式的分離。

Cascading Style Sheet

使用DIV+CSS優點：

1.表演與內容分離

2.提高頁面瀏覽速度

3.易於維護和改版

樣式表
語法： 選擇器{樣式1:樣式值1;樣式2：樣式值2;}

樣式表的分類：

1，行內樣式表；(沒有實現結構和表現的分離；優先順序最高）

語法：

123

2, 內部樣式表；(沒有實現結構和表現的分離；）

語法；

3，外部樣式表；(實現了結構與表現的分離；

1)連結式樣式表：





2）導入式樣式表；(很少用到）

語法：

樣式表的優先權：

就近原則

行內樣式表優先權最高

註解：

html註解

註解：

html註解
不能巢狀註解

選擇器：

基本選擇器：

1）全域選擇器：* 表示語法：*{樣式}

*代表所有的標籤、所有的標籤樣式全部改變

2 )標籤選擇器

p{ }

h1{ }

特點：相同的標籤具有相同的樣式

3）類別選擇器

先定義後引用

定義： .類選擇器名稱{}.

引用：class="類別選擇器的名稱"

特徵：定義一次，多次使用。使用兩個類別選擇器時用空格空開

4）id選擇器

先定義後引用

定義：#id選擇器的名稱{樣式}

引用：id="id選擇器的名稱"

特點：具有唯一性

id在同一個頁面中名稱一樣的id只能出現一次

優先權高

選擇器的優先權：

行內樣式表>id>.class>element(標籤選擇器)>*（全域選擇器）

權重： 1000 >100> 10 > 1 > 0

權重用加法計算

顏色值的表示法：

1，單字表示法：red;green;blue ;yellow;orange;pink;purple;black;white;

2，十六進位表示法：（0-9 a-f） #ff0000 #紅色綠藍藍藍

#f00 #紅綠藍

3， rgb表示法：（0-255）

background-color:rgb(255,0,0) rgb(紅，綠，藍）

rgb(255,255,255)白色

4,rgba表示法：
a透明度（0-1之間的改變，0表示完全透明，1表示不透明；）

background-color:rgba(255,0,0,0.5)

background-color:rgba(255,0,0, .5)

rgb相等的時候表示一種灰

 以上就是HTML5第三天筆記的內容，更多相關內容請關注PHP中文網（www.php.cn）！