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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
謝謝老師的講解 我深受影響 學習到了知識而且簡單易懂 謝謝
默寫一下 border,padding+content,background-image.background-color,margin
背景圖(幾米的書)在右側的源碼中下載，作本地文件添加到代碼當中，例如：

.book{background:url(/Users/season/Desktop/網頁布局基礎/case2/images/t_book.gif) no-repeat #eff9f9;}



任務解答

任務①、padding: 44px 15px 15px ;

任務②、border: 1px solid #bladaa ;

任務③、margin: 10px 15px ;
挺不錯的 淺顯易懂 很容易學 謝謝
聽說還有一種“隔墻法”

已采納回答 / 田心楓
這個用的都多啊
老師講課講的真好，我咋沒早點發現這塊新大陸了
講課邏輯很清晰，支持老師。
簡單講一下供大家理解：整個容器是一個有x,y,z三個軸的立體空間，當元素設置了float時，這個元素就脫離了標準文檔流，朝著z軸也就是對著你的臉的方向浮動了起來。視頻里的白色塊left設置了浮動后，原本在下面的綠色塊right因為left的浮動而移了上去，并且綠色的塊有200px被白色擋住了
一點邏輯都沒有 快睡著了
我們專業老師都講的比她好
要達到 圖片效果 只要記住，重點是 mid是相對于處在 mainbody里面設置。而 left 和right 是作為單獨的去覆蓋 mainbody，意思是 left position 都可以。因為都是覆蓋效果。
在style中設置了left的浮動屬性過后，mid 只設置邊距這是因為，float:left已經脫離文檔流，設置的mid是把mid看做處在mainbody里面的時候設置的，說白了此處的left 已經作為單獨的一個盒模型去覆蓋mainbody的內容。后面的position:absolute也是這個道理。
首頁上一頁6789101112下一頁尾頁
課程須知
1.一定要對HTML+CSS相關標簽有所掌握；2.對網頁布局知識有簡單的了解
老師告訴你能學到什么？
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局；2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼，參與3人拼團

微信客服

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

 幫助反饋 APP下載

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

 公眾號

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

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

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消