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

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

網頁簡單布局之結構與表現原則

江老實 Web前端工程師
難度初級
時長22分
學習人數
綜合評分9.67
1416人評價 查看評價
9.8 內容實用
9.7 簡潔易懂
9.5 邏輯清晰

最新回答 / zeroweb
換行就意味著兩個圖片間有了一個字符 就像是一個空格占位符?如果你給img定義float屬性的話就沒有間隙了

最新回答 / echo_kinchao
慕課 有時候有這方面的BUG

已采納回答 / GustinLau
*{margin:0;padding:0;}.demo01{background:#9EE2E8;width:600px;position:relative;margin:10px;}.demo01 .left{width:100px;float:left;}.demo01 .left img{margin-left:5px;border:2px solid;}.demo01 .right{width:500px;float:right;background:#EDE573;}.demo01 .right...

最贊回答 / 慕男嬸
不是的。margin是外邊距,就是盒子與盒子之間的距離。padding是內邊距,根據盒子模型可知,盒子的寬高也算上內邊距,而背景圖是從padding開始渲染的,所以你能看到背景。

已采納回答 / 懶懶萌萌的
這里不是圖片的內邊距,而是img標簽的內邊距,我們是用img標簽來裝圖片的。打個比方,img標簽就像是相框,而img標簽中的圖片就是相片,給img標簽(相框)加內邊距是為了把背景圖片顯示出來。希望能幫到你!

最新回答 / 半步
內邊距是盒子大小改變,背景圖一般情況下是與盒子一樣大

最贊回答 / dxfan5
因為overflow是可以清除浮動,然后自動會將它當前的這一行占滿,然后后面的demo2就跑下去了。

最新回答 / lynhao
童鞋應該是在視頻下面直接提問吧,下次記得附上代碼哦~

最贊回答 / Mtodream
一個盒子的長度是內、外邊距加內容寬度加邊框寬度,右邊整個是500px=458px+20*2(兩個內邊距)+1*2(左右兩邊邊框),之前被擠壓下來是因為加了邊框多了2px,即502px了,按上面的調整下寬度剛好適應就會向上移動還原位置了。

已采納回答 / 木子舟義
不需要把每一個父容器都加上。你也可以只寫.right span{ ?}一樣的。不用糾結

已采納回答 / 慕課君
教程教你不是就教的結構嗎,如果按他們做網站那么教,你能學會,和知道定位標簽和浮動的效果嗎? 而實際做網站都是通過簡短方便的代碼去實現復雜的效果,這樣一個是節省時間,另一個是當你更改網頁,看到的更清晰明確,不會牽一發而動全身。

最新回答 / echo_kinchao
這不是div的問題 但是如果你考慮到語義化 還是用Html5的標簽好

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

已采納回答 / echo_kinchao
根據不同的事件 增減不同的class
課程須知
1.html+css簡單的基礎知識 2.有網頁制作實戰經驗
老師告訴你能學到什么?
1.根據效果圖能正確分解結構和表現 2. 能夠深入理解網頁結構與表現分離的思想

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消