第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

網(wǎng)頁簡單布局之結(jié)構(gòu)與表現(xiàn)原則

江老實 Web前端工程師
難度初級
時長22分
學(xué)習(xí)人數(shù)
綜合評分9.67
1416人評價 查看評價
9.8 內(nèi)容實用
9.7 簡潔易懂
9.5 邏輯清晰

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

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

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

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

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

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

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

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

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

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

最新回答 / qq_刈世箜鋮_03818279
是不是因為<span>是內(nèi)聯(lián)元素,需要把它變?yōu)閴K狀元素:display:block;???沒看見具體代碼,不清楚到底是哪里的問題

已采納回答 / 慕后端9132915
把父元素設(shè)置相對定位,再把span設(shè)置絕對定位
課程須知
1.html+css簡單的基礎(chǔ)知識 2.有網(wǎng)頁制作實戰(zhàn)經(jīng)驗
老師告訴你能學(xué)到什么?
1.根據(jù)效果圖能正確分解結(jié)構(gòu)和表現(xiàn) 2. 能夠深入理解網(wǎng)頁結(jié)構(gòu)與表現(xiàn)分離的思想

微信掃碼,參與3人拼團(tuán)

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復(fù)購買,感謝您對慕課網(wǎng)的支持!

本次提問將花費2個積分

你的積分不足,無法發(fā)表

為什么扣積分?

本次提問將花費2個積分

繼續(xù)發(fā)表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消