1. 顯示
1. 顯示方式
1. 作用：
顯示方式決定了元素在頁面中如何擺放定位。
2. 語法：
屬性：display
取值：
1. none
讓你生成的元素不顯示-隱藏
特點： 脫離文檔流既不佔據頁面空間
2. block
讓元素變得和塊級元素一樣
3. inline
讓元素變得和行內元素一樣
4. inline-block
讓元素變得和行內元素一樣
多個元素在一行顯示，允許修改尺寸
2. 顯示效果
1. visibility 屬性
作用： 控制元素的可見性（顯示/隱藏）
屬性：visibility
取值：
1. visible
默認值，可見的
2. hidden
隱藏元素，但依然佔據頁面空間
3. collapse
使用在表格元素上，刪除一行或一列時，不影響
表格整體佈局
注意：
display：none 和 visibility：hidden區別
1. display：none
脫離文檔流，所以隱藏後不佔據頁面空間
2. visibility：hidden
隱藏元素，但並不脫離文檔流，導致空間依然佔據
2. opacity 屬性：
作用： 改變元素的透明度
屬性： opacity
取值： 0.0（完全透明）~1.0（完全不透明）
3. vertical-align 屬性
屬性： vertical-align
取值：
top/middle/bottom/baseline(默認，基線對齊)
作用：
1. 設置單元格內容的垂直對齊方式
2. 爲行內塊元素設置vertcial-align，相當於設置該元素兩端的
文本相對該元素的垂直對齊方式
示例圖：
網頁顯示圖：
3. 光標
1. 屬性： cursor
取值：
1. default
默認
2. pointer
小手
3. crosshair
+
4. text
I
5. wait
等待
6. help
幫助
3. 列表
1. 列表項標識
屬性： list-style-type
取值：
1. none
無標記
2. disc
實心圓
3. circle
空心圓
4. square
實心方塊
2. 列表項圖像
作用： 由定義圖像作爲顯示的標識
屬性： list-style-image
取值： url（圖像路徑）
3. 列表項位置是在列表項內容區域之外，列表的內邊距範圍內
屬性： list-style-position
取值：
1. outside：默認值，列表項標識位置在列表之外
2. inside：將標識放在列表項區域之內
4. 列表屬性
屬性：list-style
取值： type url（） position
常用方式：
list-style：none；
5.列表使用場合
列表能夠使用在縱向排列和橫向排列的元素中
4. 定位
1. 定位屬性：
1. position 屬性
作用： 指定元素的定位類型
屬性： position
取值：
1. static ： 默認值
2. relative ： 相對定位
3. absolute ： 絕對定位
4. fixed ： 固定定位
2. 偏移屬性
作用： 改變元素在頁面中的位置（移動元素）
屬性：
1. top
2. bottom
3. left
4. right
取值：偏移距離，以px爲單位的數值
3. 堆疊順序
作用： 在元素出現堆疊效果時，改變他們的順序
屬性： z-index
取值：沒有單位的數字，值越大，越靠上
2. 定位方式
1. 相對定位
元素會相對於它原來的位置偏移某個距離
相對定位元素原本所佔的空間會被保留
2. 語法：
position：relative；
配合着偏移屬性top/bottom/left/right
實現元素的位置移動
3. 使用場合
1. 實現元素位置微調時使用
2. 絕對定位
1. 絕對定位的元素會脫離文檔流-不佔據頁面空間
2. 絕對定位的元素會相對於它最近的已定位的祖先
元素實現位置的初始化，如果元素沒有已定位的
祖先元素，那麼元素就會相對於最初的包含塊實現
位置的初始化
body，html
已定位：absolute/reative/fixed 稱之爲已定位元素
祖先元素： 無限父級元素
2. 語法：
語法： position：absolute；
配合着偏移屬性實現位置的改變
3. 特殊效果
1. 絕對定位元素會變成塊級元素
2. 絕對定位元素依然可以使用margin，正常情況下，auto會失效
天天更哦！
