CSS層疊式樣表(cascading style sheet)
1.CSS語法
(1).註釋：/這是一個註釋/
2.CSS創建
如何插樣式表？
(1).外部樣式表：(樣式應用於很多頁面）
(2).內部樣式表：(單個文檔需要特殊樣式）
(3).內聯樣式表：(慎重使用）
(4).多重樣式：
優先級：內聯樣式）Inline style > （內部樣式）Internal style sheet >（外部樣式）External style sheet > 瀏覽器默認樣式
3.CSS背景
(1).background-color:背景顏色
(2).background-attachment:背景圖像是否固定在頁面還是隨着內容滾動
fixed(不會隨着頁面滾動而滾動）
local(隨着頁面的滾動而滾動）
(3).background-image:設置背景圖片
(4).background-position：設置圖片的位置
(5).background-repeat:定義背景圖是否及如何重複
repeat:默認垂直水平重複佔滿
repeat-x:水平重複橫向
repeat-y:垂直重複豎直
no-repeat:不會重複只有一塊兒
4.CSS文本格式：就是文字的樣式啦
（1).文本顏色(color)
（2).文本對齊方式(text-align):
center居中
justify每一行被展開爲寬度相等，左，右外邊距是對齊
（3).文本修飾(text-decoration):
overline(上劃線）
underline(下劃線）
line-through(刪除線）
（4).文本轉換(text-transform)：字母大小寫
（5).文本縮進(text-indent):50px度量
5.CSS Fonts:CSS字體
（1).CSS字型：
serif：字符在行的末端擁有額外的裝飾
sans-serif:字符在行的末端沒有額外的裝飾
Monspace:所有等寬字符具有相同的寬度
（2).font-family:設置文本的字體系列
（3).font-style:設置字體樣式屬性
normal:正常
italic:斜體
oblique:向一邊傾斜
（4).font-size:設置字體的大小及像素
如果不指定一個字體的大小，默認大小和普通文本段落一樣，是16像素（16px=1em
像素50px度量
6.CSS列表樣式
（1).list-style:簡寫列表屬性
（2).list-style-image:將圖像設置爲列表項標誌
（3).list-style-position:設置列表項標誌的位置
inside
outside
（4).list-style-type:列表標誌的類型
7.CSS Table(表格):
（1).表格邊框設置:
（2).摺疊邊框:
border-collapse:collapse設置表格爲單一的邊框
（3).表格寬度高度：
height
width
（4).表格文字對齊
水平對齊方式(text-align):right、left、center
垂直對齊方式vertical-align):top、bottom、中間
（5).表格填充：表格的大小
padding以50px度量
（6).表格顏色：
color
background
8.CSS盒子模型:封裝HTML元素(body中的div必須要有內容）
（1).外邊距(margin):清除邊框外的的區域外邊距是透明的
（2).邊框(border):圍繞在內邊距和內容外的邊框
（3).內邊距(padding):清除內容周圍的區域，內邊距是透明的
（4).內容(content):盒子裏的內容，裝文本和圖片
9.CSS border(邊框)：
（1).border-style(邊框樣式)
border-style (上 右 底 左）
boeder-style(上 左右 底)
border-style*(上底 右左）
border-style* (四邊屬性）
（2).邊框寬度(border-width)
（3).邊框顏色(border-color)
（4).邊框單獨設置各邊
10.CSS輪廓
（1).輪廓顏色(outline-color）
（2).輪廓樣式(outline-style)
（3).輪廓寬度(outline-width)
11.CSS margin(外邊距）:清除元素周圍的空間
margin****(上 右 下 左）
margin***(上 左右 下）
margin** (上下 左右）
margin* (四邊）
12.CSS分組和嵌套:在樣式表中有很多樣式相同的元素爲了代碼簡單/適用於選擇器內部的選擇器樣式
13.CSS Disply和visibility:定義元素如何顯示可見還是隱藏
（1).disply
:none元素被隱藏且不佔用任何元素空間
（2).visibility：
hidden元素被隱藏但是佔用原有空間
visible元素可見
collapse元素被隱藏也會佔用原有空間 但是遇到tabl相關元素便會釋放空間
（3).CSS Display塊和內聯元素
塊級元素(block):表現爲另起一行開始且高度寬度內外邊距都可以控制
內聯元素(inline):所有相鄰元素都在一行 高度寬度內外邊距不可以控制就是裏面文字或者圖片的大小
內聯塊元素(inline-block):同行顯示並且可以改變高度寬度和內外邊距
14.CSS position定位定義元素在頁面的位置或者隨之頁面滾動是否滾動
（1).static:沒有定位遵循正常的文檔流
（2).fixed:固定位置不會隨着頁面的滾動而滾動
（3).relative:相對元素的定位是相對其正常的位置/移動相對定位元素，所佔的空間不會改變
（4).absolute:絕對相對定位相對於最近已定位的父位元素
（5).sticky:粘貼定位
（6).z-index:重疊的定位元素
（7).用滾動條來顯示溢出的元素(overflow)
scroll:右滑動條+下滑動條
hidden:隱藏溢出的元素
auto:右滑動條
visible:直接顯示溢出的內容
（8).更改落在元素上光標
auto|text 大寫的I
crosshair 十字
default \單箭頭
e-resize|w-resize —雙向箭頭
help \箭頭+?
move 四向箭頭
n-resize|s-resize |雙向箭頭
ne-resize|sw-resize /雙向箭頭
nw-resize|se-resize \雙向箭頭
pointer 小手中指
progress | wait 等待藍色圓圈
15.CSS浮動:定義元素在頁面的位置
16.CSS組合選擇符
（1).後代選擇器(空格分開)：選取某元素的後代元素
（2).子元素選擇器(大於號分開):與後代選擇器相比，子元素選擇器（Child selectors）只能選擇作爲某元素子元素的元素。
（3).相鄰兄弟選擇器(加號分開):相鄰兄弟選擇器（Adjacent sibling selector）可選擇緊接在另一元素後的元素，且二者有相同父元素。
（4).後續兄弟選擇器(~分開):後續兄弟選擇器選取所有指定元素之後的相鄰兄弟元素。
17.CSS僞類:添加選擇器的特殊效果
（1).anchor僞類
（2).CSS firstchild僞類
選擇器匹配任何元素第一個子元素p
選擇相匹配的所有p元素的第一個i元素
選擇器匹配所有作爲元素的第一個子元素的
元素中的所有 元素
18.CSS僞元素:添加選擇器的特殊效果
（1).first-line僞元素:文本首行設置特殊格式
p:first-line:段落p的第一行設置特殊格式
（2).first-letter:文本首字母設置特殊格式
p:first-letter:段落p的首字母設置特殊格式
（3).CSS before僞元素:在元素的內容前加入新內容
（4).CSS after僞元素:在元素的內容後加入內容
19.CCS屬性選擇器:具有特殊屬性的HTML樣式
（1).“value 是完整單詞” 類型的比較符號: ~=, |=
~=:包含獨立關鍵字
|=:完整且唯一的關鍵字或者以-隔開
“拼接字符串” 類型的比較符號: *=, ^=, $=
: *=:字符串拆分包含關鍵字
$=:以關鍵字結尾
^=:前幾個字母是關鍵字
20.CSS導航(最近超級喜歡的歌）
21.CSS下拉菜單
22.CSS提示工具
23.CSS圖片廊
24.圖像的透明與不透明
opacity：值是0-1,值越小元素越透明
alpha（opacity= x）：x可以採取的值是從0 - 100。較低的值，使得元素更加透明。
完.