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

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

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

江老實 Web前端工程師
難度初級
時長22分
學習人數
綜合評分9.67
1416人評價 查看評價
9.8 內容實用
9.7 簡潔易懂
9.5 邏輯清晰
感覺好奇怪。。。這樣寫,如果都變成百分比,響應式貌似會炸吧,這個好像只適合定寬的吧。。。
真心牛逼~~~雖然感覺有的div還是需要加的,但是這個思想的確非常棒!
電話還是得要span或者a標簽的,不過這個思想真的很棒,因為text-indent是相對父元素,所以給文本一個text-indent=“百分比”可以直接響應式,不用margin去計算
個人覺得,該有的結構還是得有吧,雖然第三個代碼的確簡化了很多,但是這樣的代碼如果加上響應式,或者添加新的樣式,則需要修改的地方太多,個人還是覺得整體還是要用div來體現結構和代碼的可讀性,畢竟當修改代碼的時候人們大多數是通過你的div來確定修改的位置,第三個感覺個人制作比較實用,但是如果有后續的修改,會影響他人代碼的閱讀性
一上手就說了初級思維模式,就是我
覺得老師的思想,我們有一定的的印象就好了,畢竟學到這不得寫的代碼還好少,無法得心應手,所以優化先要有好的基礎!
建議完全的新手不要看這個老師的視頻了,這幾個視頻的做法是不是取巧我不評價,但是工作中用到的絕不能這么做,否則需求一改,你的頁面幾乎就要全部重新寫了
現在很煩,沒搞懂各種定位該如何用,結果看到這個視頻,真想罵娘!要是這樣取巧,我就不用研究定位了,所有東西都可以精確到像素的每個坐標。
div當然越少越好,但是有些情況下必須使用,那是沒辦法?;谶@個例子老師說的第三種方法當然最簡單。
呆毛1。。。。呆毛2.。。。。
一個切換,感覺結構都變化了呢,果然套模板才是最厲害的
剛學完html+css,然后來質疑這位老師的,你們所理解的前端就是寫代碼,排版頁面的,覺得就是把所有元素放到它該在地方就完了?

naive。

代碼寫的越少越簡單,網頁的結構越簡單,html和css的關聯度越低,網頁加載和渲染的速度就越快,0.01秒的差距就能直接決定用戶體驗。

不斷優化用戶體驗就是前端存在的理由。
-------------------------
雖然我不太懂,不過這段話比較贊同
楊曉睿
老師一開始是怎樣得出像素是多少的??
---------------------------------------
QQ的截圖功能,在QQ后臺運行的狀態,直接快捷鍵 "CTRL+ALT+A" ,還有一個功能,可以采集鼠標所到之處的顏色RGB屬性。
老師的意思是,結構的地方能少些就少些,用CSS代替就是高級網頁編程?
img{width:95px; height:95px; padding:1px 20px 37px 30px;background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); margin:10px;}
課程須知
1.html+css簡單的基礎知識 2.有網頁制作實戰經驗
老師告訴你能學到什么?
1.根據效果圖能正確分解結構和表現 2. 能夠深入理解網頁結構與表現分離的思想

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消