1.overflow：處理文本溢出，屬性值有visible、hidden、scroll、auto
a)visible：默認值，顯示溢出文本
b)hidden：隱藏溢出文本
c)scroll：給容器加滾動條，無論內容是否溢出，都會有邊框，如果溢出還會出現滾動條
d)auto：如果內容溢出會出現滾動條，如果沒有溢出則不出現滾動條和邊框
2.overflow-x：處理橫向溢出文本visible、hidden、scroll、auto
3.overflow-y：處理縱向溢出文本visible、hidden、scroll、auto
4.溢出文本以省略號形式顯示，需要分為三步
a)white-space：nowrap
b)overflow：hidden
c)text-overflow：ellipsis；
5.display：處理元素的顯示方式，屬性值有block、inline、inline-block、none
a)block：元素以塊級元素的形式呈現，塊級元素的默認值
b)inline：元素以行內元素的形式呈現，行內元素的默認值
c)inline-block：元素以行內塊元素的形式呈現，行內塊元素的默認值，注意行內塊元素間有間隙（之所以會出現間隙，是因為HTML代碼換行后瀏覽器將代碼間的空白處理為空格），解決方法: 將HTML代碼寫下同一行或設置父元素的font-size:0
d)none：隱藏HTML元素，元素在頁面中不占位
6.visibility：隱藏或顯示HTML元素，屬性值為visible、hidden
a)visible：默認，顯示
b)hidden：隱藏，元素被隱藏后仍然占有原有位置
7.動態偽類選擇器
a):link：設置超鏈接默認的顯示效果（適用對象為超鏈接）
b):visited：設置超鏈接被訪問過后的效果（適用對象為超鏈接）
c):hover：設置鼠標滑過元素時的樣式（適用對象為所有元素）
d):active：設置元素被激活時的效果（適用對象為所有元素）
e)注意：這四個偽類選擇器是有書寫順序的：LVHA
8.修飾列表屬性
a)list-style-type：設置列表符號類型，屬性值為disc、circle、square、none（無）
b)list-style-position：設置列表符號位置，屬性值為inside（符號右移，移動到li里面）、outside（默認）
c)list-style-image：用圖像設置列表的符號類型
d)list-style的復合形式，格式list-style:值1值2值3，（值沒有順序要求，通常將list-style-image的屬性值寫在最后）
9.背景的修飾
a)background-color：修飾背景色，屬性值為顏色名稱，十六進制代碼，rgb值，rgba值
b)background-image：修飾元素的背景圖
c)background-repeat：設置背景圖平鋪方式，屬性值為repeat、no-repeat、repeat-x、repeat-y
repeat:默認值，平鋪；
no-repeat：不平鋪；
lrepeat-x：橫向平鋪；
lrepeat-y：縱向平鋪；
d)background-position：設置背景圖像的位置，屬性值有兩個，水平方向上的值和垂直方向上的值，格式：background-position：水平的值垂直的值，屬性值的表示方法有兩種，一種用表示位置的英文單詞，另外一種是用像素值
單詞表示法（注意如果背景圖位于元素的中央，可以寫一個center，即background-position：center）
水平：left/center/right
垂直：top/center/bottom
像素表示法：
background-position：50px100px;
e)background-attachment：設置背景圖像的依附方式，屬性值為fixed/scroll（默認，圖片和文字同步滾動）
f)backround的復合形式：background：值1 值2 值3…
10.背景圖的應用
a)修飾列表前面的符號：和list-style-image相比，更為靈活
b)“精靈圖”（雪碧圖）：所謂精靈圖就是指利用圖像整合技術（如PS）將大量的小圖像或背景整合到一張圖片上，然后結合CSS的background屬性來調節圖片顯示位置，使用精靈圖好處如下:
將小的圖像整合到一張圖上，有利于管理，避免圖像丟失;
降低了圖像的總體積;
精靈圖的不足，“針線活”，后期維護相對麻煩
