亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
老師講的很好。
position,絕對定位注意！脫離文本流！當沒有父類或父類沒有position屬性的時候，已thml為參考坐標，當父類有position屬性時，已上層父類為參考坐標。relative不脫離文本流，比較隨意。相對位移是指相對于自身原來位置。
終于搞清楚了
絕對定位布局：通過設置position屬性實現，css中規定的第三種定位機制，能夠實現橫向多列布局及較為復雜的定位（帶有遮罩層效果的提示框、固定層效果、全屏廣告等）
擁有三種定位形式：1.靜態定位 2.相對定位 3.絕對定位
可設置4個屬性值：static（靜態定位）、relative（相對定位）、absolute（絕對定位）、fixed（固定定位）【絕對定位和固定定位都屬于絕對定位】
CSS 有三種基本的定位機制：普通流、浮動和絕對定位。
這章 我感覺我需要在聽幾遍
當一個元素設置絕對定位，沒有設置寬度時，元素的寬度根據內容進行調節
當一個元素設置絕對定位，沒有設置寬度時，元素的寬度根據內容進行調節
絕對定位特點：



建立了以包含塊為基準的定位



完全脫離了標準文檔流



隨機擁有偏移屬性和z-index屬性







未設置偏移量 時的特點：



無論是否存在已定位的祖先元素，都保持在元素初始位置 脫離了標準文檔流







設置偏移量：



1.無已定位祖先元素，以<html>為偏移參照基準



2.有已定位祖先元素，以距其最近的已定位祖先元素為偏移參照基準
建立了一包含塊為基準的定位，不在標準文檔流中。 設置偏移量和不設置偏移量的情況：

無論是否存在已經定位祖先元素，都保持在元素初始位置。

不設置偏移量：

設置absolute之后沒有設定祖先元素的相對定位relative的時候，該設置了absolute時，不設置偏移量的時候，該元素位置不變，寬度為內容的寬度，脫離文檔流中，在box3的上面。

有祖先元素相對定位時，也依舊保持在原來的位置中，還是以內容為寬度。



設置偏移量：

沒有依舊定位在祖先元素：會以該html根節點偏移，即瀏覽器為基準

有的話會以離其最近的設置了定位的元素為祖先元素。

多個相對定位，要設定一個寬度。
positive設置相對定位，以自身為相對基準進行偏移，設置相對定位屬性之后會有偏移屬性（top left right bottom 相對于自身進行偏移，會覆蓋其他內容進行偏移）和z-Index屬性（空間的層堆疊z軸的堆疊，沒有的話是默認存在y和x軸的一個平面上）
position有3種定位形式：靜態定位(static) 相對定位(relative) 絕對定位（absolute,fixted）





絕對定位布局：橫向多列布局，固定層效果，全屏廣告，動畫效果。position定位布局：靜態定位static元素沒有設置定位屬性時的默認狀態，元素還屬于文檔流中。 相對定位relative 絕對定位absolute fixed。
clear：both，主要用于對緊鄰其后元素的清除浮動；



width：100%;overflow：hidden，主要用于浮動對父包含塊的影響。
清除浮動的方法：



1：clear：both;

2:width:100%;overflow:hidden;



注意：

對受到浮動影響的元素添加清除浮動的css
老師是不發g的音吧 西北是yun讀成yong 這個方言是dang讀成dan 找到規律了以后就習慣多了
首頁上一頁251252253254255256257下一頁尾頁
課程須知
1.一定要對HTML+CSS相關標簽有所掌握；2.對網頁布局知識有簡單的了解
老師告訴你能學到什么？
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局；2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼，參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號
友情提示：

您好，此課程屬于遷移課程，您已購買該課程，無需重復購買，感謝您對慕課網的支持！

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消