CSS樣式表的權重關係
內聯樣式表權重最高。
內部樣式表 和 外部樣式表權重關係和書寫順序有關
（後寫的優先執行，後寫把前寫的覆蓋,覆蓋的只是相同屬性，不同屬性會繼續執行）
產生權重權重關係，必然會體現css的層疊性！
場景1：
老闆命令：明天休息一天不用來公司。
主管命令：明天有一個項目，需要加班一天
UI小姐姐命令：明天一起喝咖啡
命令解析：老闆說話的權重最高！其次是主管的權重！UI同事權重
場景2：
老闆說：明天上午10點到12點，來辦公室開會
主管說：明天下午2點到5點，上線項目
UI小姐姐說：明天下班後一起喫飯
命令解析：每個命令不衝突，都能執行！
總結：
衝突的情況下：按照權重高的進行執行！（權重高的會替換掉權重低的）
不衝突的情況下：每個都能進行執行。
網頁佈局
先劃分上下結構
然後再劃分左右
從外往裏寫
css選擇符
作用：對html標籤進行選擇然後寫css樣式。
一：類型選擇符（標籤選擇符）
用法:所有的html標籤都能直接當作選擇符來用
特點：能選擇頁面中所有的當前同類標籤！
二：id選擇符（就相當於身份證號）
語法：
起id名字：
<標籤 id="名稱"></標籤>
用id名寫樣式：
#id名稱{ css樣式 }
id名特點：
id有唯一性（單一一個頁面內只能出現一次！）
id名稱用來劃分網頁外圍結構
三：class選擇符（類選擇符）
語法：
起class名：
<標籤 class="名稱1 名稱2 名稱3"></標籤>
用class名寫樣式：
.名稱{ css樣式 }
class名的特點：
a: 一個標籤可以擁有多個class名
b：class名可以重複出現
c：class名更適合定義一類樣式。
四：包含選擇符（通過父元素找子元素）
語法：
父元素選擇符 子元素選擇符{ css代碼 }
五：羣組選擇符
語法說明：把分散的標籤組合成一組，讓後給一組添加樣式。
選擇符1,選擇符2,選擇符3,選擇符4{ css代碼 }
六：通配符
說明：選擇當前頁面中所有的標籤！
*{
margin:0; 盒子外面的間距清0
padding:0; 盒子內部填充清0
}
注：只要寫css樣式 必須再開頭 *{margin:0;padding:0;}
拓展：起名規範：
a: 起名稱不能使用關鍵字（所有的標籤和屬性都是關鍵字）
b: 小寫英文字母開頭，後面可以跟數字、字母、下劃線、連字符
c: 起名字儘量反應板塊的用途 eg ： news case sport nav logo ..
d：起名字方法：
1）駝峯式命名法：boxLeft boxRight boxCenter
2) 連字符 ： box-left box-right box-center
3) 下劃線 ： box_left box_right box_content