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

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

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

江老實 Web前端工程師
難度初級
時長22分
學習人數
綜合評分9.67
1416人評價 查看評價
9.8 內容實用
9.7 簡潔易懂
9.5 邏輯清晰
老師。講得不錯!
【一樓傻pig真無聊!有心聽就認真聽!居然拿來玩!】
img{ background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);width:95px;height:95px;padding:1px 20px 37px 30px;margin:0 10px;}
厲害了,一瞬間被震驚到,雖然說不好,但是真的感覺好厲害,看著老師寫的代碼,高級的那部分,一瞬間感覺(??∀?)??嗨了,我擦,還能這樣,原來是這樣,一瞬間被激起情緒了,大贊老師,我又想寫代碼了。
這個能自適應???
首先,我不知道講師的背景,但是至少他的項目經驗不會太少,但是對于正在評論的我來說,我是沒有實際項目經驗,沒有面對客戶,面對公司的真實需求的經歷的,所以我愿意相信講師講到的結構樣式分離的重要性,
其次,我們也不要太有那種“有了錘子就到處找釘子”的感覺,我想“現實問題很少會是只有一個標準答案的”,所以,最重要的,咱們應該先記住這么重要的一個知識,然后根據我們以后會遇到的情況去靈活應用,這才是前端攻城獅不斷成長的路徑罷。以上,個人觀點,贊成者,共勉;不贊成,還請無視小的這個。
top1的哥們是不是打錯字了哈哈哈哈
height:95px;
width:95px;
padding:1px 20px 37px 30px;
margin-right:10px;
img{?background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); height:95px;width:95px;margin-right:10px;padding:1px 20px 37px 30px;}
把img{?中的 ? 去掉就可以顯示了
這三個例子很棒,讓人有了新想法,發散性思維
看完 之后感覺超級神奇,整個人都有興趣了
學完了,不否認老師的觀點,但是也不完全同意。
1. html為了語義化,就要結合css考慮,就拿案例中兩個標題(h5,h6)來說吧,它們是一組標題,可用 hgroup 標簽來包裹,而不是將 h6 通過定位放到效果圖中位置上去。
2. 有些看起來多余的標簽其實是為了保證別人僅通過我們的 html 代碼就能看出來我們的結構。因為如果不考慮這點的話,那一個大的版塊直接用 position 定位就行了,那會減少很多html 標簽,但是相應的增加了很多 css 樣式代碼。不利于重構和擴展。
3. 我們寫的代碼是為了別人能看懂,而不僅僅只是給機器看。寫一些看起來多余的具有語義性的標簽來包裹是非常有必要的。
說多的沒有用,敲兩年什么都有了,老師只是把思路展現出來,你自己衡量,思考出的東西才是你所獲得的
以前從來不用div,想怎么布局就畫表格,不用考慮左浮動,右浮動,絕對定位,相對定位之類
不斷優化用戶體驗就是前端存在的理由。
我覺得重要還是思路吧,就是要有多鐘方式解決問題,然后再比較優劣,如果只有一種,那怎么優化?
課程須知
1.html+css簡單的基礎知識 2.有網頁制作實戰經驗
老師告訴你能學到什么?
1.根據效果圖能正確分解結構和表現 2. 能夠深入理解網頁結構與表現分離的思想

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消