列表樣式
列表樣式可以設(shè)置其列表符號(hào)察净，列表圖片（代替列表符號(hào)）驾茴，列表符號(hào)的位置。
list-style-type: 設(shè)置列表符號(hào)氢卡，可以是我們之前學(xué)的無(wú)序列表符或有序列表符锈至。
list-style-image:設(shè)置列表的圖片（此時(shí)list-style-type自動(dòng)就無(wú)效了，被代替了）
list-style-position: 指將列表符放在li的里面還是外面：outside(外面译秦，默認(rèn)值）峡捡，inside(里面)
list-style: 這是綜合屬性，可以設(shè)置上述幾個(gè)筑悴。
定位屬性：
定位就是指把元素（標(biāo)簽）放在哪個(gè)位置们拙。
實(shí)際上，每個(gè)元素都有個(gè)定位屬性：position阁吝。其有4個(gè)值：
- position:static ——靜態(tài)定位砚婆；——所有元素的初始定位方式就是靜態(tài)（沒(méi)有額外使用position或浮動(dòng)的時(shí)候）
- position:relative; ——相對(duì)定位：其實(shí)就是指一個(gè)元素在其父盒子中本來(lái)該放的位置（靜態(tài)位置）的一個(gè)相對(duì)值（錯(cuò)位值）。必須使用left和top配合來(lái)設(shè)置該值突勇。
1.1 舉例：position:relative; left:10px; top:15px; - position:absolute; ——絕對(duì)定位装盯；指該元素相對(duì)于其上級(jí)具有非靜態(tài)定位的元素的一個(gè)絕對(duì)位置。如果上級(jí)沒(méi)有非靜態(tài)定位設(shè)置与境，則會(huì)相對(duì)網(wǎng)頁(yè)主體（html標(biāo)簽）验夯。常常絕對(duì)定位就是用于在整個(gè)網(wǎng)頁(yè)上進(jìn)行“絕對(duì)位置設(shè)定”——就是相對(duì)網(wǎng)頁(yè)主體來(lái)說(shuō)。
- position:fixed; ——固定定位摔刁；有點(diǎn)類(lèi)似絕對(duì)定位挥转，但其是相對(duì)于整個(gè)“可視窗口”來(lái)設(shè)置的定位，（絕對(duì)定位是相當(dāng)于網(wǎng)頁(yè)的版面的絕對(duì)值）。固定定位的盒子是以“窗口”為參照系绑谣，而絕對(duì)定位和相對(duì)定位的盒子是以網(wǎng)頁(yè)為參照系党窜。
標(biāo)準(zhǔn)流與非標(biāo)準(zhǔn)流：
流：水流的流——所有“水”（物體）往一個(gè)方向“流過(guò)去”——擠壓。
標(biāo)準(zhǔn)流：就是原始的html標(biāo)簽在網(wǎng)頁(yè)中的原始表現(xiàn)——在遵循塊元素和行內(nèi)元素的基礎(chǔ)上借宵，全都往“右上角”擠靠過(guò)去幌衣。
非標(biāo)準(zhǔn)流：使用position的非靜態(tài)定位方式影響的元素位置，或者使用浮動(dòng)而影響的元素的位置壤玫。
css優(yōu)先級(jí)：
基本優(yōu)先級(jí)：
!important 〉 行內(nèi)樣式 > id選擇器 > 類(lèi)選擇器|偽類(lèi)選擇器 > 標(biāo)簽選擇器 > 通用選擇器 > 繼承屬性
綜合優(yōu)先級(jí)（只討論選擇器）：
則下列選擇器的優(yōu)先級(jí)如何呢豁护？
.a1 div{}
.a1 .a2{}
.a1 div .a2 span{}
#d1 div {}
#d1 .a1 {}
則他們比較優(yōu)先級(jí)的原則是：
- 比較最高的優(yōu)先級(jí)選擇器的多少，多者勝欲间；
- 最高的數(shù)量相等的時(shí)候楚里，比較次高，多者勝猎贴；
- 依次類(lèi)推
各種居中總結(jié)：
前提： 父盒子固定大邪喽小（寬高），其里面的“內(nèi)容”在水平和垂直方向的居中對(duì)齊的常見(jiàn)做法：
- 內(nèi)部居中：
- 水平居中：
A：“內(nèi)容”為一行文字或文字性行內(nèi)元素（span她渴，a达址，b，u）：在父盒子上設(shè)置text-align:center;
B：“內(nèi)容”為具有一定形狀的行內(nèi)元素（如img趁耗，input沉唠，textarea）：同文字（Ａ）
C：“內(nèi)容”為塊元素： margin:0 auto; - 垂直居中：
A：“內(nèi)容”為一行文字或文字性行內(nèi)元素（span，a对粪，b右冻，u）：在父盒子上設(shè)置line-height為父盒子的高度；
B：“內(nèi)容”為具有一定形狀的行內(nèi)元素（如img著拭，input纱扭，textarea）：同塊元素（Ｃ）
C：“內(nèi)容”為塊元素： 在塊元素上設(shè)置：position:relative;top為父盒子高度一半;margin-top為該塊元素高度一半的負(fù)值
- 水平居中：
- 外部居中：
img與textarea與其緊挨著的文字垂直居中對(duì)齊：設(shè)置其vertical-align:middle;
input與緊挨著的文字自然垂直居中
