1.顯示

1、顯示方式

屬性：display

取值：

1、none
	讓生成的元素不顯示 - 隱藏
	特點：
		脫離文件流
2、block
	讓元素表現的和塊級元素一樣
	特點：
		1、獨佔一行
		2、允許修改尺寸
		3、允許正常處理垂直方向的外邊距
3、inline
	讓元素表現的和行內元素一樣
	特點：
		1、多個元素一行內顯示
		2、不允許修改尺寸
		3、垂直外邊距無效
4、inline-block
	讓元素表現的和行內塊一樣
	特點：
		1、多個元素能在一行內顯示
		2、允許修改尺寸
5、table
	讓元素表現的和表格元素一樣
	特點：
		1、每行只顯示一個
		2、尺寸以內容為準

2.顯示效果

（1）顯示 / 隱藏屬性

屬性：visibility

取值：

1、visible : 預設值，可見的
2、hidden : 隱藏，依然佔據空間

（2）透明度

屬性：opacity

取值：0.0(完全透明) ~ 1.0(完全不透明) 之間的數字　

（3）垂直對齊方式

屬性：vertical-align

作用：設定 td 和 img 的垂直對齊方式

取值：

1、設定在 td 上的 值
	1、top
	2、middle
	3、bottom
2、設定在img上的值
	設定圖片兩邊的文字，相對於圖片的垂直對齊
	1、top
	2、middle
	3、bottom
	4、baseline ：基線對齊（預設值）
常用操作：
	在開發網頁過程中，通常會先將所有的圖片(img)的vertical-align屬性修改為除baseline以外的其他值

3.游標

作用：當滑鼠懸停在元素上時表現的形式

屬性：cursor

取值：

1、default
2、pointer ：小手
3、crosshair ：+
4、text ： I
5、wait ：等待
6、help ：幫助

2.列表

1.列表項標識

屬性：list-style-type

取值：

1、none
2、disc
3、circle
4、square

2.列表項圖片

作用：以自定義的影象來作為列表項的標識

屬性：list-style-image

取值：url（影象地址）

3.列表項位置

屬性：list-style-position

取值：

1、outside
	將標識放置與 li 的外面
2、inside
	將標識放置與 li 的裡面

4.列表屬性

屬性：list-style

取值：style image position

常用用法：list-style : none;

3.定位

1.定位屬性

（1）定位方式屬性

屬性：position

取值：static / relative（相對的） / absolute（絕對的） / fixed（固定的）

注意：如果將position修改為 relative / absolute / fixed 中的任何一種的話，那麼元素就被稱為“已定位元素”　

（2）偏移屬性（只適用於“已定位元素”）

屬性：top / right / bottom / left

取值：以 px 為單位的數值

2.定位方式

（1）相對定位

作用：元素會相對於它原來的位置偏移某個距離，多數會實現在位置微調時使用

語法：

position:relative;
配合著top/right/bottom/left實現位置的微調

練習：

1、頁面中建立一個div，尺寸為100*30，設定邊框或背景色
2、當滑鼠懸停在元素上時，讓元素向左上角移動5px(相對定位)

            #postion{
                width: 100px;
                height: 100px;
                border: 1px solid #000;
                background-color: #009951;
            }
            #postion:hover{
                position: relative;
                top: -5px;
                left: -5px;
            }

（2）絕對定位

絕對定位 & 特點

絕對定位的的元素會脫離文件流，不佔頁面空間
絕對定位的元素會相對於離它最近的，已定位的，祖先元素 去實現位置的初始化和偏移
如果不存在已定位的祖先元素的話，那麼就相對於body去實現位置的初始化和偏移

語法：

position:absolute;
配合著偏移屬性top/right/bottom/left實現位置的偏移

特點：

1、絕對定位元素會脫離文件流，所以會壓在其它元素之上
2、絕對定位的元素會變為塊級元素
3、絕對定位的元素margin可以正常處理，但margin:0 auto 會失效

（3）堆疊順序

一旦將元素變為已定位元素的話，元素則有可能出現堆疊的效果

屬性：z-index

注意：只有已定位元素才能使用z-index

父子元素間，z-index無效，永遠都是子壓在父上　　

（4）固定定位

定義：將元素素固定在頁面的某個位置處，位置不會隨著滾動條而發生改變。固定在視覺化的區域中。

語法：

position:fixed;
        配合著 top / right / bottom / left 改變位置
注意
	1、固定定位的元素會脫離文件流-不佔頁面空間
	2、固定定位的元素會變成塊級元素
	3、固定定位的元素永遠都是相對於body去實現位置的初始化和偏移