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

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

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

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

已采納回答 / 點解點解
有影響,而且是很大的影響!大的div加上position:relative,是為了span標簽能相對于大div定位,如果把position:relative刪了,一個div塊看不出什么影響!你復制多個div出來看看,span標簽全部重合了!這就是position:relative的作用所在了!

已采納回答 / 我就是我不一樣的我
它是為每個img都設置了背景圖片了啊,所以有幾個圖片就有幾個背景圖

已采納回答 / loloo
Mac免費解壓app有the unarchiver 和 keka,都還挺好用的~

已采納回答 / Sunny609
你img大括號里面有一個問號沒去掉哦

已采納回答 / qq_穆_2
因為margin是將img這個盒子向上下左右移動,而padding是將img這個盒子撐開,所以能看到得背景圖

已采納回答 / 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...

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

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

已采納回答 / echo_kinchao
根據不同的事件 增減不同的class

已采納回答 / echo_kinchao
一般課程右下角會有 沒有的話就是老師還沒有整理出來

已采納回答 / 我必win
可以的。.demo01{width:600px;position:relative; }.demo01 .right span{position: absolute;top:10px;right:20px;}剛才span的樣式定義多打了一個float:right;更正一下。

已采納回答 / colorado
padding相當于內容位置不變,硬生生把div這個盒子撐大,所以如果用了padding,padding了多上值,那width就要減少多少,才能保證div盒子大小不變
課程須知
1.html+css簡單的基礎知識 2.有網頁制作實戰經驗
老師告訴你能學到什么?
1.根據效果圖能正確分解結構和表現 2. 能夠深入理解網頁結構與表現分離的思想

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消