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）！
