定位:把一個(gè)元素蒸甜,按照一定的方式設(shè)置在頁面的摸一個(gè)位置余佛;
position
1柠新、相對(duì)定位 relative
針對(duì)自己本身的位置進(jìn)行定位;
2辉巡、絕對(duì)定位 absolute
針對(duì)有定位的父級(jí)的原點(diǎn)進(jìn)行定位恨憎;父級(jí)無定位針對(duì)父級(jí)的父級(jí)...;如果都沒有針對(duì)document郊楣;
溫馨提示:絕對(duì)定位即使沒有初始值憔恳,也一定要設(shè)置值;(left:0px; top:0px;)
3净蚤、固定定位 fixed
針對(duì)頁面窗口進(jìn)行定位钥组;
溫馨提示:IE6,不支持固定定位塞栅;
偏移量
left者铜、top、right放椰、bottom
溫馨提示:left作烟、top優(yōu)先級(jí)高于right砾医、bottom;
三種定位的特性:
相對(duì)定位 relative
1、不影響元素本身的特性探赫;
2、不使元素脫離文檔流搁嗓;
3衡怀、提升層級(jí)茄靠;
4、無法觸發(fā)BFC;
5、針對(duì)自己本身進(jìn)行定位脂信;
絕對(duì)定位 absolute
1濒生、會(huì)使元素完全脫離文檔流;
2、內(nèi)容撐開寬度和高度霉撵;
3、使元素支持所有的css樣式崭参;
4铐殃、提升層級(jí)坏逢;
z-zoom:數(shù)值;定位層級(jí)設(shè)置;(數(shù)值越大,層級(jí)越高)
5、絕對(duì)定位要和相對(duì)定位配合使用;
6句伶、如果有定位父級(jí)楚堤,針對(duì)定位父級(jí)發(fā)生偏移,沒有定位父級(jí)滚躯,針對(duì)document進(jìn)行偏移丧凤;
7靴患、如果絕對(duì)定位的子級(jí)有浮動(dòng)相嵌,可以省略清浮動(dòng)(BFC)操作看铆;
固定定位 fixed
1、針對(duì)窗口進(jìn)行定位
2、不支持IE嚎京;
3隐解、如果固定定位的子級(jí)有浮動(dòng)煞茫,可以省略清浮動(dòng)(BFC)操作;
派生選擇器:
是由id選擇器架谎、class選擇器谷扣、標(biāo)簽名選擇器組合而成末秃;
根據(jù)選擇器優(yōu)先級(jí)精確控制標(biāo)簽铃将;
比如可以假設(shè):id選擇器:10000、class選擇器:100、標(biāo)簽名選擇器:1祭钉;