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

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

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

江老實 Web前端工程師
難度初級
時長22分
學習人數
綜合評分9.67
1416人評價 查看評價
9.8 內容實用
9.7 簡潔易懂
9.5 邏輯清晰
.demo01 .left需要添加空格。不然會導致網頁顯示無法左右浮動。害我苦惱了十幾分鐘
剛開始學,感覺距離好遙遠~~確實思路不錯
第三種寫法只適合固定的樣式,后期再添加東西,可能會比較費勁,甚至要來一次大改,如果不需要特殊的變動,這種寫法,大家可知道會省去多少代碼量,一個微博,多少人,這些人又發了多少的微博信息,會給網站的打開速度做了很好的提升,此老師很不錯,不像有的人說的誤人子弟。
3種方式,八錯不錯
受益了,謝謝老師

已采納回答 / Mihawk666
語義化,說的通俗點就是:明白每個標簽的用途(在什么情況下使用此標簽合理)比如,網頁上的文章的標題就可以用標題標簽,網頁上的各個欄目的欄目名稱也可以使用標題標簽。文章中內容的段落就得放在段落標簽中,在文章中有想強調的文本,就可以使用 em 標簽表示強調等等。
看到第三種方式,感覺是一種思路和思想的轉變,要學的還有太多。

最新回答 / 黑與白
兩個div都要設浮動好嗎,第一個你都沒加浮動,加個float:left
現在大型網站都是用老師的這種方法,我以前寫的頁面都是按初級方法寫,擔總覺得很冗余,后來看了大型網站寫的代碼后才覺得,其實可以適當應用這些方法,老師說的這些并不是說所有都需要這樣做才對,相結合才重要。
這B裝的我給99分
img{width: 95px;height: 95px;padding: 1px 20px 37px 30px; margin-right: 20px; background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);}
有沒有頓悟的感覺。突然明白了前面裝逼那么久究竟是為了什么了。

最新回答 / qq_一村之長_0
margin-top 那個問題,你自己仔細看他前面設置了內邊距padding 屬性20px,因此圖片浮動之后是向下了20PX,所以要向上移動20px,就用到-20px了80px那個也是因為Padding的原因

已采納回答 / qq_抓狂_0
第一種?利用2個div ?先定義個div 然后里面放2個h標簽 背景圖使用css式樣定位上去<div class="rank">? <div class="rankTitle"> ?【ranktitle】背景---------------背景區<h5>排行榜<g5> ? ? ? ? ? ? ??<h6>投票<h6></div>-------------------------------------------------...
課程須知
1.html+css簡單的基礎知識 2.有網頁制作實戰經驗
老師告訴你能學到什么?
1.根據效果圖能正確分解結構和表現 2. 能夠深入理解網頁結構與表現分離的思想

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消