html：結(jié)構(gòu)
css：修飾和美化html標簽（表現(xiàn)胚股，用于控制網(wǎng)頁外觀，修飾茄袖，美化html)
1.css的使用（/*這是css中的注釋*/）
定義方式
1.應(yīng)該寫在css樣式表里
2.寫法：
語法： 選擇器{樣式1：樣式值1;樣式2：樣式值2渺贤；隘庄。。癣亚。丑掺。。述雾。}
樣式表：1.行內(nèi)樣式表：可以寫在任何一個標簽內(nèi)
style="color:red;" 缺點是沒有實現(xiàn)結(jié)構(gòu)和樣式分離街州。
優(yōu)點是行內(nèi)樣式表的級別是最高的
2.內(nèi)部樣式表（內(nèi)嵌式樣式表）：
<head>
<style type="text/css">
span{color:red;}
h1{color:red;}
</style>
</head>
缺點：沒有實現(xiàn)結(jié)構(gòu)和樣式分離
優(yōu)點：可以定義統(tǒng)一樣式
3.外部樣式表
1.鏈接式樣式表
嵌套在<head>標簽內(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;...}
*表示頁面當中所有標簽
特點：頁面當中所有標簽都具有相同樣式黍翎。
2.標簽或元素選擇器：h2{樣式1：樣式值1面徽；樣式2：樣式值2；...}
span{樣式1：樣式值1匣掸；樣式2：樣式值2趟紊；...}
3.類別選擇器：相同的標簽有不同的樣式或者不同的標簽有相同的樣式
先定義再使用，定義：.classname（自定義）{樣式1：樣式值1碰酝；樣式2：樣式值2霎匈；...}
使用：在標簽內(nèi)添加一個屬性class="classname（自定義）"
特點：定義一次可以多次使用
4.ID選擇器：
先定義再使用，定義：#idname{樣式1：樣式值1送爸；樣式2：樣式值2铛嘱；...}
使用：在標簽內(nèi)添加一個屬性id="idname"
特點：唯一性暖释，相同的id名在一個頁面中只能出現(xiàn)一次
引入多個類別選擇器的時候可以用空格隔開,class="a b f"
優(yōu)先級：行內(nèi)樣式表>id >class>element(標簽選擇器)>*（全局選擇器）
權(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：相對于父元素進行改變
rem：相對于根元素進行改變（html）
能用css屬性設(shè)置的亮曹，不要用標簽屬性