認識css：
指層疊樣式表，控制頁面布局和樣式。
html和css的關系：
html結構層 負責從語義的角度搭建頁面結構
css樣式表 輔助從審美的角度美化頁面
javascript行為層 負責從交互的角度提升用戶體驗
id name? style = 樣式名稱代表
行內標簽
h1 style=“ color：red；font-size：12px；”
內嵌樣式
head
style type=“text/css”
p｛color=green；
font-szie=12px；
background=black；
｝
/head
外聯樣式：
link rel=“stylesheet” href=“css/main.css”
@import url(css/mian.css)
選擇符｛屬性：值；｝
id在style設置屬性時在前面加“#”號，可以用字母，數字，下劃線
#p1 {font-size:20px}
id="p1"
類選擇器class，在類前面加“.”，
.web｛font-size：20px｝
p calss=“web”
復合選擇器：
h1.p2｛font-size：20px；｝
說明是在《h1 class=“p2”》不可以選擇到《h1》標簽里
后代選擇器：
.box li｛｝----（首先找到calss的box標簽 然后找到里面的li標簽）
復合選擇器：
h1,p1,p2,{屬性值}
子元素選擇器：
h1>p｛｝----（找到h1標簽里的p標簽給予屬性，剩余其余標簽不被選中）
屬性選擇器：
h1[id][clss]{}---(h1標簽里有id 和class都可以實行屬性)
css偽類:
：link：應用于沒被訪問過的鏈接
：hover：鼠標到某個位置會有方塊反應
：active：鼠標點擊鏈接時產生的效果
：visited：應用在訪問過的網站
：focus：應用于有鍵盤輸入焦點的元素
css偽元素：
：first-line：一行顯示效果。
：first-letter：第一個顯示效果
：first-child：選擇屬于第一個子元素的元素
：before，after：屬性前后加上效果
css層疊性（最終屬性為準）和繼承性（子承父業）
css優先級：
*標簽>body標簽
標簽級>*>body
clss類選擇器>標簽級
id>class
style行內>id選擇器
width：寬度
height：高度
color：前景色
backcolor：背景色
font-size：字體大小
*：通配符=代表頁面中所有標簽的屬性
margin：外邊距
padding：內邊距
