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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
這節課講的超級好
老師講的不錯,但是z-index到底是什么,一直都沒有說

最新回答 / 呦呦慕粉
<div class="content book">中,定義的這兩個類,其實是一樣的,沒任何區別,你哪怕只用一個(比如只用content),然后把所有css樣式全部放進去,這么做跟用兩個類達成的效果一樣。。。之所以用兩個,完全是為了規整和集合,使得類似的樣式在同一個類中,方便管理和修改。任務1.請補充使.content上內邊距為44px,左右及下內邊距均為15px;任務2.請補充使.book中的圖片添加上1px 的#b1adaa色實線邊框;任務3.請設置.book中的圖片上下外邊距為10px,...

最新回答 / JoveLin
縮進 Ctrl+]左縮進 Ctrl+[格式>無 Ctrl+0 (零)段落格式Ctrl+Shift+P應用標題1到6到段落 Ctrl+1 到 6對齊>左對齊 Ctrl+Shift+Alt+L對齊>居中 Ctrl+Shift+Alt+C對齊>右對齊 Ctrl+Shift+Alt+R加粗選定文本 Ctrl+B傾斜選定文本 Ctrl+I編輯樣式表 Ctrl+Shift+E
#wrap{width:970px; margin:0 auto;}
#mainbody{margin-top:15px; width:100%; position:absolute;}
#left{width:110px; float:left;position:absolute; left:0; top:0; }
#mid{width:650px;border:1px solid #999; margin-left:100px;}
#right{ width:177px;border:1px solid #999; position:absolute; right:0; top:0;}
這老師的PPT真心6

最贊回答 / 慕粉1007068589
他們兩個頁面看起來是效果一樣,但是盒子模型結構是不一樣的,margin-left是改變的左外邊距,left是向左移動
應該是這樣吧
#mainbody {
width: 100%;
position: relative;
margin-top: 20px;
}
#content {
position: absolute;
top: 0px;
left: 200px;
}
#wrap{width:970px; margin:0 auto;position:relative;padding-top:0;padding-bottom:0;}
#mainbody{width:100%;margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;width:650px;margin-left:13px;border:1px solid #999;}
#right{position:absolute;left:792px;border:1px solid #999;}

已采納回答 / 慕粉0733272325
margin-left:200px寬度為左邊sidebar的寬度加上20px
這位老師的ppt做的很6啊

最新回答 / 慕移動9181930
這個想要弄得清楚,最好學一下后臺語言,如php了解表單數據是怎么提交給服務器端的。就能完全明白。貌似我錯了呢,罪過
到底為什么給第一個塊設置float:left;了,給第二個還沒有設置float的時候,為什么第二個塊不移到第一個塊的右面??如果說第一個塊已經沒有在mainbody里,而第二個塊還在mainbody里,所以起不了作用的話,那為什么上節課的就可以???
#wrap{ width:970px; margin:0 auto;}
#mainbody{ width:100%;overflow:hidden; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:right; margin-right:180px; width:650px; border:1px solid #999;}
#right{position:absolute; margin-left:790px;border:1px solid #999;}

已采納回答 / 花事了l
不可繼承的:display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi。所有元素可繼承:visibilit...
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消