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

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

網頁布局基礎

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

已采納回答 / Limargin
在HTML中,有三種機制:文檔流(默認) 浮動 定位。文檔流:默認機制,按照從上到下,從左到右的順序排列,這是最基礎的。浮動:float:left|right;clear:both? ,脫離文檔流,可以想象成子DIV 漂浮起來了,比如,一個父div,有兩個子div,如果是在文檔流中,兩個子div是將父div分成上下兩部分的,就像是“日”字;但是如果子div1 設置了float屬性,那么子div2 就會往上移動,就會變成三個“口”字重疊在一起,最下面的那個口是父div,上一層是子div2,最上面是子div1...

最新回答 / qq_ban_1
.book>div{border:?1px?solid?#badbdb;background:url(images/t_book.gif)?0?0?norepeat;寫錯代碼了.book{border:?1px?solid?#badbdb;background:url(images/t_book.gif) no-repeat;}

最贊回答 / 你好3902827
第一個:背景為紅色(此處還可以定義背景為某個圖片等)第二個:背景顏色為紅色(此處只能為顏色)

已采納回答 / 慕粉1449149148
你就這樣理解,浮動起來的話就相當于在天上,后面緊鄰的元素就相當于在地上,浮動起來后從二維空間變成三維空間了

最新回答 / 慕粉1429549658
剛剛聽老師講,clear:both是對box1和box2起作用,但是對mainbody這個父層不起作用,footer也是父層,clear:both起作用嗎?

+ 我來回答 回答最高可+2積分

已采納回答 / 慕粉1440489053
前面一個代碼是為所有的.nav li添加a:hover事件,后面一個是清除class為current<li>的上的a:hover事件。因為在前面的代碼中已經給li.current添加了一個border-bottom:3px solid #cc0000;的下邊框 如果不設置那么你鼠標放在class為current<li>上就會在下邊框下面再多顯示一個下邊框

最新回答 / Gold_T
設置overflow: hidden; 的時候需要裁剪掉內容的多余部分,在mainbody設置了高度的時候可以看到多余的部分確實消失了,但沒有設置高度的時候要怎么裁剪呢,他先計算內容的高度,結果mainbody的高度就變為了內容的高度,最后的效果反而類似于清除浮動了

已采納回答 / 慕粉1802096462
上面那個<style type="text/css">規則寫錯了,是text,不是type

最新回答 / 懸炫
外邊框塌陷的意思就是外邊框的寬度隨著內容自適應

最新回答 / 啊艾力克斯4396313
<...code...>可以的呀, 請看CSS代碼. ID選擇器用#nav{}, class選擇器使用.nav{};

最贊回答 / 接管比賽
B選項設置的是內邊距,應該設置外邊距margin

最新回答 / 碼磚小丸子
可以通過浮動來實現,全部靠左浮動,則能從左到右依次排列

已采納回答 / 慕慕4179031
合并了在這個例子中,效果是一樣的,但是之所以要設置成一個content類和一個book類,是因為整個頁面中還有一個profile類,而這個類也是屬于content類的,作個類比,就是有兩個人都是學生,他們都需要具備學生的共有屬性,但是他們一個是女生,一個是男生,所以他們在具備學生共性的同時又具備了男生和女生各自的個性。
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消