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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
老師聲音真的好聽
0.5倍速度觀看

最贊回答 / coolheadedY
盒子模型設置浮動后仍在在瀑布流中,p為緊臨元素,盒子模型與p元素都在流中同一流中的元素將會緊密排列,所以p元素需要我們清除浮動

已采納回答 / loveya
no-repeat是background的屬性,對background-image沒有作用的,你要把background-image改成background,才能使用no-repeat.
W3C標準:由萬維網聯盟制定的一系列標準,包括:
結構化標準語言(HTML和XML)
表現標準語言(CSS)
行為標準語言(DOM和ECMAScript)

倡導結構、樣式、行為分離

CSS中的定位機制:
標準文檔流
浮動
絕對定位

標準文檔流的特點:
從上到下,從左到右,輸出文檔內容
由塊級元素和行級元素組成
注:
塊級元素:從左到右撐滿頁面,獨占一行,觸碰到頁面邊緣時,會自動換行,如:div,ul,li,dl,dt,p
行級元素:能在同一行內顯示,不會改變HTML文檔結構,如:span,strong,img,input
聲音真好聽。南方口音很喜歡,老師聽北方的口音討厭死了

已采納回答 / loveya
不同的概念,一個是使用了絕對定位,left:770px是指相對于他的相對定位的父元素距離左邊770px,而margin-left是指左邊距

最新回答 / 92丶木魚
在設置浮動,浮動影響其他元素的情況下,使用該為元素清除浮動,避免影響其他元素
浮動元素會脫離標準文檔流??!發現bug
把book那個添加到contact那里不懂啊,顯示不出來,誰教下我.

最新回答 / qq_杞六點_03183684
我理解的是margin-left是左邊界距離,設定像素值越高就是左邊界距離越大,所以是往右移動~
加入無語義的標簽, clear:both; overflow:hidden;
盒子模型從第一層到第五層依次為:border、content+padding、background-image、background-color、margin。

最贊回答 / 慕粉3117827
相對定位是相對于自身原有位置偏移,仍處在標準文檔流中絕對定位是一包含快為基準定位,脫離標準文檔流。在沒有設置偏移量的情況下:無論是否存在已定位的祖先都會保持在元素初始位置;在設置了偏移量的情況下:如果有已定位的祖先就會以最近的定位祖先為參照基準定位,如果沒有已定位的祖先則以HTML為參照基準定位
*{margin:0; padding:0;}
#wrap{width:970px; margin:auto;}
#mainbody{position:relative; margin-top:15px;}
#left{width:110px;}
#mid{position:absolute;top:0px;left:122px;width:650px;border:1px solid #999;}
#right{position:absolute;top:0px;left:789px;border:1px solid #999;}
很好,感謝分享!
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消