保持對**的熱愛並保持懷疑態度
定位的屬性是position ,預設值:static 為沒有定位
定位有4種:
絕對定位 absolute
相對行為 relative
固定定位
粘性定位
.層級關係 z-index(可設定負值,值必須是整數)
4個是移動的方向 left,right,top,bottom
1個是層級關係 z-index(可以設定負值,值必須是整數)
普通元素的層級比定位元素的層級低
後設定定位屬性比先設定的定位屬性的層級高
定位元素可以用z-index強制提公升層級
positio:absolute
1.絕對定位的元素脫離文件流,不佔位
2.絕對定位的元素,先找最近的定位屬性的祖先元素為參照物,進行位置移動
定位屬性推薦 positio:relative,所以一般配合相對定位使用,但是絕對定位也可以,***大,平時不咋使用
如果沒有定位的祖先元素就以當前網頁的位置移動的參照物
包含塊—絕對定位的參照物
positio:relative
針對自己原位置而動,脫離後原位置站位,沒有脫離文件流
positio:fixed
1.固定定位的元素脫離文件流,不佔位
2.固定定位的參照物位置移動參照物是html網頁**(當前網頁的可視區)**
position ;sticky
如果設定粘性定位,不設定方向粘性定位佔位,跟普通內容一樣
設定內容移動,設定方向屬性,滾動條劃過內容,效果很固定定位一樣,以瀏覽器視窗可視區為位置移
top和bottom的效果跟固定定位一樣,以瀏覽器視窗可視區為位置移動參照物
left水平方向,設定就管用,top垂直方向,滾動條劃過內容才有效果
注意事項 父元素的overflow;hidden對粘性定位有影響,設定後粘性定位失效
固定一直固定在乙個地方,粘性可以設定移動的位置然後往回滑動還能回到原來的位置
CSS四種定位方式的詳解
1 static 靜態定位 預設值。沒有定位,元素出現在正常的流中 忽略 top,bottom,left,right 或者 z index 宣告 參考上篇隨筆。2 relative 相對定位 定位為relative的元素脫離正常的文件流,但其在文件流中的位置依然存在,只是視覺上相對原來的位置有移動。...
CSS中的四種定位
簡介 偏移量 當元素開啟了定位以後,可以通過偏移量來設定元素的位置 相對定位 定位 positio 簡介 定位是一種更加高階的布局手段,通過定位可以將元素擺放到頁面的任意位置 使用position屬性來設定定位 static 預設值,元素是靜止的沒有開啟定位 relative 開啟元素的相對定位 a...
css的四種書寫方式
優先順序 外部樣式 內部樣式表 內聯樣式表 優先順序,即 同名的選擇器右邊的會覆蓋左邊 1.內部樣式表 head style 內部樣式表,一般用於覆蓋公用樣式 headtip style head 2.使用link標籤,在文件中宣告使用外接資源,最常用的一種方式。css外部樣式表指定編碼的 char...