第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

網(wǎng)頁(yè)簡(jiǎn)單布局之結(jié)構(gòu)與表現(xiàn)原則

江老實(shí) Web前端工程師
難度初級(jí)
時(shí)長(zhǎng)22分
學(xué)習(xí)人數(shù)
綜合評(píng)分9.67
1416人評(píng)價(jià) 查看評(píng)價(jià)
9.8 內(nèi)容實(shí)用
9.7 簡(jiǎn)潔易懂
9.5 邏輯清晰
看這么多爭(zhēng)議的,其實(shí)還是支持作者關(guān)于減少不必要div的觀點(diǎn)的。至于這個(gè)是否跟結(jié)構(gòu)與表現(xiàn)分離,其實(shí)是有關(guān)系的,因?yàn)槿サ舻膬蓚€(gè)div都承擔(dān)的是表現(xiàn)的結(jié)構(gòu),完全沒(méi)有任何語(yǔ)義的成分,能夠用css代替當(dāng)然用css代替了。并不是說(shuō)非要這樣,只是能夠簡(jiǎn)化才簡(jiǎn)化,簡(jiǎn)化不了當(dāng)然不可避免的需要加一些div。說(shuō)白了,很多人加DIV只是因?yàn)楹?jiǎn)單好寫(xiě)而已,一個(gè)個(gè)初級(jí)小白看了點(diǎn)國(guó)內(nèi)的教科書(shū)就對(duì)作者以“專(zhuān)家”的視角大肆反駁,我覺(jué)得挺好笑的。有空建議你們?nèi)3c英文官網(wǎng)上去看看,不要坐井觀天。
簡(jiǎn)短,精辟,讓人豁然開(kāi)朗,之前濫用div實(shí)在太多
個(gè)人覺(jué)得大家都陷入了無(wú)意義的爭(zhēng)論,注意視頻中老師強(qiáng)調(diào)的是拿到設(shè)計(jì)稿的時(shí)候,先關(guān)注設(shè)計(jì)稿所表現(xiàn)的結(jié)構(gòu)本身,然后寫(xiě)出結(jié)構(gòu)。最后寫(xiě)樣式的時(shí)候,盡量不用打破現(xiàn)有的結(jié)構(gòu)。這里注意是“盡量”,從這些字眼可以看出,老師講這些只是給我們提供一種思想,讓我們多一種選擇,為了以后更方便的優(yōu)化或者簡(jiǎn)潔代碼而已。實(shí)際工作中不見(jiàn)得一定要這么做,有時(shí)候可能加個(gè)DIV結(jié)構(gòu)會(huì)更清晰,那可能就要加個(gè),老師沒(méi)有反對(duì)這種做法啊。還是一句話,盡信書(shū)不如無(wú)書(shū),看東西關(guān)鍵看自己感悟和實(shí)踐。別代碼沒(méi)敲幾行就來(lái)BB
你只有復(fù)雜的能熟練了 再想簡(jiǎn)化就容易的多了
哎呦我去,換膚功能,這正是我想要的。
竟然有人說(shuō)破壞了HTML的代碼結(jié)構(gòu),降低了可維護(hù)性,得不償失。。。也做過(guò)一兩個(gè)項(xiàng)目了,雖說(shuō)增加DIV對(duì)于樣式的控制的確有幫助,但一個(gè)復(fù)雜的頁(yè)面,看著DIV層層嵌套簡(jiǎn)直頭痛不已,后期維護(hù)擴(kuò)展其實(shí)更復(fù)雜難搞了,也影響瀏覽器解析DOM的效率。真理要?dú)v經(jīng)實(shí)踐的檢驗(yàn)。有些人吃過(guò)的飯還沒(méi)老師敲過(guò)的代碼多,還說(shuō)老師不行,也是呵呵。
一般原則:兩短一長(zhǎng)選長(zhǎng)的 不確定就選C
感覺(jué)老師的代碼不行。真正的網(wǎng)頁(yè)結(jié)構(gòu)應(yīng)該用div表現(xiàn)出來(lái),不是靠文本本身表現(xiàn)出來(lái)。案列中依靠取巧寫(xiě)得代碼跟網(wǎng)頁(yè)布局的邏輯沒(méi)有一點(diǎn)關(guān)系。

這不是表現(xiàn)與內(nèi)容分離。網(wǎng)頁(yè)的布局不是內(nèi)容的表現(xiàn),而是網(wǎng)頁(yè)內(nèi)容結(jié)構(gòu)的體現(xiàn)!??!
做出來(lái)的根本就不一樣啊
老師講的結(jié)構(gòu)與樣式分離的思想很好,收益匪淺……
很關(guān)鍵,減少了太多的代碼量
看清楚啊  兄弟們 這不是說(shuō)讓你遇見(jiàn)類(lèi)似的都這樣做 只是教給我們這種思想 具體運(yùn)用還是要看情況的啊
img{width:95px;height:95px;background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); margin-right:10px;padding:1px 20px 37px 30px;}
但是每次看實(shí)戰(zhàn)演示,老師都會(huì)寫(xiě)很多DIV ,每層都會(huì)用DIV包起來(lái),說(shuō)是為了后面使用CSS時(shí)命名方便
這個(gè)思想就是禪意花園的css模板思想吧!
課程須知
1.html+css簡(jiǎn)單的基礎(chǔ)知識(shí) 2.有網(wǎng)頁(yè)制作實(shí)戰(zhàn)經(jīng)驗(yàn)
老師告訴你能學(xué)到什么?
1.根據(jù)效果圖能正確分解結(jié)構(gòu)和表現(xiàn) 2. 能夠深入理解網(wǎng)頁(yè)結(jié)構(gòu)與表現(xiàn)分離的思想

微信掃碼,參與3人拼團(tuán)

微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

友情提示:

您好,此課程屬于遷移課程,您已購(gòu)買(mǎi)該課程,無(wú)需重復(fù)購(gòu)買(mǎi),感謝您對(duì)慕課網(wǎng)的支持!

本次提問(wèn)將花費(fèi)2個(gè)積分

你的積分不足,無(wú)法發(fā)表

為什么扣積分?

本次提問(wèn)將花費(fèi)2個(gè)積分

繼續(xù)發(fā)表請(qǐng)點(diǎn)擊 "確定"

為什么扣積分?

舉報(bào)

0/150
提交
取消