html：結(jié)構(gòu)
css：修飾和美化html標(biāo)簽（表現(xiàn)，用于控制網(wǎng)頁外觀，修飾，美化html)
1.css的使用（/*這是css中的注釋*/）
定義方式
1.應(yīng)該寫在css樣式表里
2.寫法：
語法： 選擇器{樣式1：樣式值1;樣式2：樣式值2；。。。。。。}
樣式表：1.行內(nèi)樣式表：可以寫在任何一個標(biāo)簽內(nèi)
style="color:red;" 缺點(diǎn)是沒有實(shí)現(xiàn)結(jié)構(gòu)和樣式分離。
優(yōu)點(diǎn)是行內(nèi)樣式表的級別是最高的
2.內(nèi)部樣式表（內(nèi)嵌式樣式表）：
<head>
<style type="text/css">
span{color:red;}
h1{color:red;}
</style>
</head>
缺點(diǎn)：沒有實(shí)現(xiàn)結(jié)構(gòu)和樣式分離
優(yōu)點(diǎn)：可以定義統(tǒng)一樣式
3.外部樣式表
1.鏈接式樣式表
嵌套在<head>標(biāo)簽內(nèi)，
<link href="css/index.css" type="text/css" rel="stylesheet">
修飾的時候在對應(yīng)的css文件內(nèi)寫入：span{color:red;}
2.導(dǎo)入式樣式表
4.樣式表的優(yōu)先級
行內(nèi)樣式表優(yōu)先級最高，另外兩個就近原則（哪個在后面顯示哪個）
選擇器：1.基本選擇器：
1.全局選擇器：*{color：css屬性值；background-color：css屬性值；text-align:center;
width/height:200px;text-decoration:underline;font-size:30px;...}
*表示頁面當(dāng)中所有標(biāo)簽
特點(diǎn)：頁面當(dāng)中所有標(biāo)簽都具有相同樣式。
2.標(biāo)簽或元素選擇器：h2{樣式1：樣式值1；樣式2：樣式值2；...}
span{樣式1：樣式值1；樣式2：樣式值2；...}
3.類別選擇器：相同的標(biāo)簽有不同的樣式或者不同的標(biāo)簽有相同的樣式
先定義再使用，定義：.classname（自定義）{樣式1：樣式值1；樣式2：樣式值2；...}
使用：在標(biāo)簽內(nèi)添加一個屬性class="classname（自定義）"
特點(diǎn)：定義一次可以多次使用
4.ID選擇器：
先定義再使用，定義：#idname{樣式1：樣式值1；樣式2：樣式值2；...}
使用：在標(biāo)簽內(nèi)添加一個屬性id="idname"
特點(diǎn)：唯一性，相同的id名在一個頁面中只能出現(xiàn)一次
引入多個類別選擇器的時候可以用空格隔開,class="a b f"
優(yōu)先級：行內(nèi)樣式表>id >class>element(標(biāo)簽選擇器)>*（全局選擇器）
權(quán)重： 1000 100 10 1 0
顏色表示法：
rgba()表示法：a表示透明度0-1之間的數(shù)值，0表示完全透明，1表示不透明
background-color:rgba(255,0,0,0.5)不影響字體透明度
寬和高的表示方法：
width：500px；（固定單位） width：50%；（流體單位） width：em/rem；（相對單位）
em：相對于父元素進(jìn)行改變
rem：相對于根元素進(jìn)行改變（html）
能用css屬性設(shè)置的，不要用標(biāo)簽屬性