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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰

已采納回答 / 陳_chen
DW是模擬ie,但應該也是能顯示出來的,用瀏覽器試試,margin相對于父標簽
這個受到浮動影響,兩個塊會重合,所以要在.wrap里面寫clear:both清除浮動影響

已采納回答 / Perona
這跟SEO有關,舉個栗子來說,如果這個A標簽不加任何內容的話,搜索引擎怎么知道它是干嘛用的。就只知道這個是A標簽,搜索引擎是不會分析背景圖片內容的。想了解更多的SEO知識請看這門課:http://www.xianlaiwan.cn/learn/204

最新回答 / echo_kinchao
覆蓋了 ?css有優先級的

已采納回答 / 伊兮塵昔
瀏覽器中,按F12進入開發者模式,看看有沒有報錯信息?
要相對某個元素偏移,必須要設置父元素的position:relative。

設置絕對定位的塊 相對與相鄰的元素的高度要大于該塊的高度
希望多出點這樣的視頻!
什么都不說了,就32個贊??!
當一個元素設置絕對定位,沒有設置寬度時,元素的寬度根據內容進行調節
建立了一包含塊為基準的定位,不在標準文檔流中。 設置偏移量和不設置偏移量的情況:
無論是否存在已經定位祖先元素,都保持在元素初始位置。
不設置偏移量:
設置absolute之后沒有設定祖先元素的相對定位relative的時候,該設置了absolute時,不設置偏移量的時候,該元素位置不變,寬度為內容的寬度,脫離文檔流中,在box3的上面。
有祖先元素相對定位時,也依舊保持在原來的位置中,還是以內容為寬度。

設置偏移量:
沒有依舊定位在祖先元素:會以該html根節點偏移,即瀏覽器為基準
有的話會以離其最近的設置了定位的元素為祖先元素。
多個相對定位,要設定一個寬度。
絕對定位特點:

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

完全脫離了標準文檔流

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



未設置偏移量 時的特點:

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



設置偏移量:

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

2.有已定位祖先元素,以距其最近的已定位祖先元素為偏移參照基準
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
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消