CSS核心語法 ：選擇器{屬性:值;...}
選擇器
I、元素選擇 | ID 選擇器| Class選擇器
II、僞類選擇器 （除連接和表單外）| 屬性選擇器
選擇器可以組合（多個選擇器共同指定一類屬性），可以有 子孫選擇器， 可以有父子選擇器
div p
div>p
div+p
div~p
結合了僞類，還可以指定某些狀態/選擇特定子孫/ 選擇特定屬性
屬性和樣式
所有元素都共有的屬性
背景屬性（顏色、圖片）
文本屬性（段落、顏色、對齊、修飾等）
字體屬性（字體、樣式、大小）
邊框/OutLine(樣式、寬度、顏色）
尺寸（width、height）
可見性(display 內聯、塊、none/visibility)
特殊元素的樣式
列表（樣式、圖片）
表格（邊框摺疊？） - 好像沒有特別的樣式
鏈表（點擊、懸停等 ？） - 懸停等樣式也適合其他元素
盒子模型
margin - border - padding - content - padding - border - margin
定位和佈局
定位有四種方式
1、static - 靜態定位（默認流式佈局）
2、relative - 相對定位
3、absolute - 絕對定位
4、fixed - 固定定位
// 絕對和相對都有一個比較固定的位置，不同的是 固定定位不隨瀏覽器的滾動而滾動
結合定位有幾種佈局方式
1、普通流式佈局（塊元素縱向擴展、內聯元素橫向擴展）依次擺放
2、絕對定位佈局 - 適用於 下來菜單等等
3、固定定位佈局 - 使用於導航 菜單，表頭等等
4、使用 浮動元素佈局 + clear 屬性，可以把某個 快元素佈局在頁面的某一個位置。
5、使用 可見性 display的樣式，實現 table方式佈局
6、使用 盒子模型的 marging/padding 實現凝膠布局
普通流式佈局+浮動元素佈局（左右分欄，可以使用浮動把整個塊放到一邊） 是頁面整體佈局的方式；
結合絕對定位佈局+固定定位佈局 做一些菜單導航的 細微控制
是佈局的主要思路。
PS：樣式裏面，如果是同一個 屬性的 不同值需要逗號分隔；如果是 多個屬性合併在一起的比如 margin:10px 15px;則不需要逗號分隔