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

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

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

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

已采納回答 / Whitney_Wang
這道題里面那四張圖片是一瓶香水(指甲油)加上一個大概95*95的白色背景,而給這幾張圖片加的背景是最后效果圖中的花邊和一個白色的大約95*95的框。不給圖片加padding的時候,背景被圖片擋住了,所以就顯示圖片。加了padding之后就顯示一部分背景。如果按照題里面說的{}padding:1px 20px 37px 30px;},正好可以顯示背景。如果把1px變成10px,那張背景就開始循環了,而且你的圖片的白框和背景的白框就不重合了,所以上面多了一個白條,下面多了一個白條。希望我說明白了。。

已采納回答 / 方寸游魚
貌似只有第一個的有源碼,其實他講的主要是一些思想,而并不是實際項目的教學

已采納回答 / 我要開發地圖系統
1、寬高就是用來設置圖片的寬高的,無論圖片原本的大小是多少,都會變成這里設定的大小,如果寬高的比例和圖片本身的比例不一樣,就會使圖片變形,讓圖片來適應這個寬高。當然,你也可以把這個寬高去掉,這樣圖片就會按本身的大小來顯示了,你也可以只設定寬或者高,看看有什么不一樣的地方,保證你會有收獲的。2、你現在遇到的問題其實是,設置了padding的原因,導致圖片的邊緣與邊框有了距離所致,你可以將padding刪了,就能看到邊框與圖片的大小一致了。padding就是內邊距,是用來讓內容和邊框之前產生距離的,而marg...

最新回答 / 咔芒_北鼻_4005467
我也發現了 ? 找了半天發現demo01后邊要價格空格然后left,但是不知道為啥啊 ? 還不如不用,demo01 ? 這個小細節老師也沒講,浪費好多時間啊

最新回答 / Derrickale
把你的代碼貼出來好解決一點 其實demo01和demo02的區別就只是簡化去掉了left的div,也不需要設定left的寬度了,去掉了一些html和css重復契合 其余和demo01沒什么變化。 你demo01沒問題的話,對照看看有什么是不是你打錯了的地方吧。

已采納回答 / 倚笑乘風
把圖片轉換成塊級元素,給一個padding再給border不就行了。

已采納回答 / 西西要崛起
圖片地址是網頁上的,通過background引入即可

已采納回答 / 奔走的阿木木
來吧,還是我給你講講吧,這章的目的是教你怎么簡化你的HTML布局,因為HTML過多的話會影響那網頁的加載速度,最后一個例子舉得有點牽強,他的目的是為了說明,橫向排列的四個圖片可以不用分成四個div然后分別給四個div浮動,再設置margin啥的,直接寫在一個div中,統一對img進行css樣式設置,距離直接margin和padding解決

已采納回答 / ScorpChen
應該是設置了padding后作為content的圖片大小變小了,因為總大小沒變。

已采納回答 / clownis
外部div的class屬性值為demo01,內部div的class屬性值為left,.left是.demo01的子元素,該css代碼的意思是設置.demo01的子元素.left的css樣式

最新回答 / qq_刈世箜鋮_03818279
是不是因為<span>是內聯元素,需要把它變為塊狀元素:display:block;???沒看見具體代碼,不清楚到底是哪里的問題

已采納回答 / 慕后端9132915
把父元素設置相對定位,再把span設置絕對定位
課程須知
1.html+css簡單的基礎知識 2.有網頁制作實戰經驗
老師告訴你能學到什么?
1.根據效果圖能正確分解結構和表現 2. 能夠深入理解網頁結構與表現分離的思想

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消