定位
1.鼠標(biāo)移入:
:hover
ul>li:hover{
color:red;
}
2. 定位:
作用:實現(xiàn)元素的特殊定位方式
屬性: position
取值:
1.static 默認(rèn)值
2.relative 相對定位
3.absolute 絕對定位
4.fixed 固定定位
relative absolute fixed 被稱為“已定位元素”
div
absolute
位置的偏移:
top:10px; bottom:5px; left right
相對定位:
什么叫相對定位:
元素會根據(jù)它原來的位置偏移某個距離
屬性和值:
position: relative
使用場合:
位置的微調(diào)
絕對定位:
屬性:
position: absolute;
什么叫絕對定位:
1.絕對定位的元素會脫離文檔流——不占據(jù)頁面空間
2.會相對于最近的已定位的祖先元素實現(xiàn)位置的初始化
3.如果沒有已定位的祖先元素酬核,那么他的位置就相對于body進(jìn)行定位
固定定位:
position:fixed;