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

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

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

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

最新回答 / qq_經6吳素文_03163701
img{background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);width:95px;height:95px;padding:1px;20px;37px;30px;margin-right:10px;}

最新回答 / 貓語大師
background:顏色; 點擊顏色就會出現顏色取值器<...圖片...><...圖片...>

最新回答 / wuli香香公舉
div是一個大盒子,整個img看成一個小盒子,包含白色的花枝背景和指甲油圖片,外邊距就是img與div之間的間距

最新回答 / 一一歐尼
哈哈哈哈 我也是,其實是因為 ?.demo01 跟.left之前是有空格的,你再試一下吧。

+ 我來回答 回答最高可+2積分

最新回答 / 你好再見2333
可以看看這節課http://www.xianlaiwan.cn/learn/20

最新回答 / 全棧港
只能說我剛開始也是,剛開始接觸時,拿著設計稿,先是根據樣式來的,一邊寫HTML代碼,一邊寫css,對各部分的分塊也是無頭緒,但是你這方面的視頻是有案例的,你就會學到的,比如,先把頁面分別為上中下三個結構,這是網頁最基本的結構,然后再將這三個部分劃分;再有,將大部分的小塊根據功能來劃分比如菜單欄,導航欄,排名,公告欄,內容等等。這節課的內容如果要領會,你必須有實踐基礎的,真實案例制作才會讓你真正領悟這些思想。但是別忘了,基礎一定要牢固啊~

最新回答 / 一只特立獨行的doge
我覺著如果電話號碼下面那層屬于背景圖的話,那就把電話號碼用一個div裝起來,相對背景圖的div進行絕對定位吧!不過這樣一來又是上一節視頻里面說的新手思維了,代碼不夠簡潔。

最贊回答 / 前端小鳥
.demo03 .userPic{ float:left; margin:-20px 0 0 -100px}首先不加這段代碼只加浮動可以看到是浮動到了離demo3(demo3此時是包含框)上20px左20px的位置,因為設置了padding:20px;然后magin也就是以這個為基準偏移了。那么也可以看作目前這個位置的坐標為(0,0)。設置-100px是什么意思呢?100px=30px(圖片目標位置的右邊框距離demo03的距離)+20px(內填充)+50px(圖片自身寬度),-20px也就很好理解了,上...

最新回答 / 全棧港
我感覺position方便一些,使用絕對定位時,該元素已經脫離了文檔流(不占位),設置偏移量時,若有定位祖先元素,會依據其最近的已定位獨顯元素為偏移量。對demo01設置position:relative;對偏移元素span設置position:absolute;right:20px;top:10px;如果用float,時間最好排在用戶名那/*初級*/<...code...>但這種方式語義化不是很好,先顯示時間

最新回答 / echo_kinchao
不會的 分離只是內容分離 但是引入之后 代碼沒錯就不會有問題

最新回答 / zeroweb
換行就意味著兩個圖片間有了一個字符 就像是一個空格占位符?如果你給img定義float屬性的話就沒有間隙了

最新回答 / echo_kinchao
慕課 有時候有這方面的BUG

最贊回答 / 慕男嬸
不是的。margin是外邊距,就是盒子與盒子之間的距離。padding是內邊距,根據盒子模型可知,盒子的寬高也算上內邊距,而背景圖是從padding開始渲染的,所以你能看到背景。
課程須知
1.html+css簡單的基礎知識 2.有網頁制作實戰經驗
老師告訴你能學到什么?
1.根據效果圖能正確分解結構和表現 2. 能夠深入理解網頁結構與表現分離的思想

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消