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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
#wrap{width:970px;margin 0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{width:110px; position:absolute;}
#mid{position:absolute; width:650px;border:1px solid #999;left:123px;}
#right{left:790px;border:1px solid #999;position:absolute;}

已采納回答 / zz_tt
沒有給高度?? ,盒子的默認是0, 就顯示不出來? , 你加了文字? 之后,把盒子撐起來了 , 背景就自然能看到了, 所以解決方案就是 給盒子height一個值?

已采納回答 / Its_forever
1,沒看見應該是瀏覽器或者慕課網顯示的問題吧。2.“|”就是直接在頁面上輸出一個 | 。效果就是 ? ?聯系我們|站點地圖3.*{}這里面寫的就是全局通用的樣式。
wrap層 同時設置了 浮動 或者 絕對定位,margin auto就沒有效果了
自動布局一列布局:
標準文檔流
塊級元素
margin屬性

class的type 中使用 .className{}
ID的typr中使用, #ID{}
盒子模型:邊框board,外邊距margin,內邊距padding(4個方向)
行內樣式,內部樣式,外部樣式,就近原則;
常見的塊級元素,div,ul,li,dl,dt,p
行級元素span,strong
老師和我一起念,鐵塊兒,塊兒,兒,兒話音。很好。
老師,和我一起念,塊兒級元素。兒話音。
前端的妹紙...
深入點會更好
Eay
這個頁面的網址 誰能給我???

已采納回答 / Judy_1024
課程中,#left 和#right并未設置邊框線,你可以仿照課程代碼中#mid設置邊框線樣式,或者對三個div統一設置邊框線<...code...>

最新回答 / Judy_1024
因為瀏覽器會給一些塊狀元素默認一些邊距,可以再開始做一個清除樣式,試一下。<...code...>
評論很有意思,老師說話更帶感,真的很好聽。
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消