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

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

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

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

已采納回答 / 慕粉1473331893
我的理解是HTML和CSS盡量分開來寫,比較大的CSS樣式設置盡量不要嵌套在HTML中來寫,如果有哪次你不想要用某個CSS樣式了,就可以直接把CSS文件去掉,而要是你時把CSS嵌套入HTML結構中了,修改起來很麻煩。并且單獨寫在CSS中的代碼還可以用于我們制作的其他的網頁中。

已采納回答 / javdroider
這種做法用專業的話講叫“定寬”。當瀏覽器大小變化時,頁面各個元素的高度寬度不變,也就是說無法在縮小的瀏覽器里面看到整個網頁,需要使用滾動條去拖拽。這種做法的缺點是,跨終端顯示體驗不佳,如果放到手機上,就需要用戶自己去拖拽才能看到整個網頁,比如12306

已采納回答 / wyc2410
盒子模型是分層的, padding 是 在 background-image 的上一層, 不設置 padding就被擋住了。

已采納回答 / qq_年少之時_0
<h5>標簽可以設置背景圖片,背景圖片不會撐開,他會顯示和<h5>標簽高度相同一行圖片。

已采納回答 / 小小貝堡
.demo.left 中間要有空格:?.demo .left

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

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

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

已采納回答 / 倚笑乘風
把圖片轉換成塊級元素,給一個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樣式

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消