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

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

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

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

最新回答 / lyrots
這是一個好方法,我認為更多的是一種編寫思想,老師講的這個主要是結構上的布局,你說的響應式更多的是css上的運用,關系甚微

已采納回答 / BLACK_ARROW
就一種web前端開發的一種思路:Html-CSS-JavaScript ?分別對應 ?結構-表現(樣式)-行為這樣的好處就是便于后期代碼的管理,修改,維護。

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

最贊回答 / 不斷成長的腳步
?id一個頁面?只能出現一次??class可以出現多次?

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

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

最贊回答 / 大衛同學
完整代碼,拿走不謝<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; cha...

已采納回答 / 折翼天使I
.mainbody.left{width:100px;float:left}.mainbody.right{width:500px;float:left;}這段代碼的.left與.right前面缺少一個空格,具體原因請查看HTML-CSS基礎學習的8-7包含(后代)選擇器的相關學習;.mainbody .left{width:100px;float:left}.mainbody .right{width:500px;float:left;}還有那個overflow:hidden是針對緊鄰其后的元素進行清除...

最新回答 / 謙謙佳人
都可以, 這個地方使用margin會更好,原因如樓上所說

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

已采納回答 / 小小貝堡
.demo.left 中間要有空格:?.demo .left
課程須知
1.html+css簡單的基礎知識 2.有網頁制作實戰經驗
老師告訴你能學到什么?
1.根據效果圖能正確分解結構和表現 2. 能夠深入理解網頁結構與表現分離的思想

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消