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

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

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

江老實(shí) Web前端工程師
難度初級
時長22分
學(xué)習(xí)人數(shù)
綜合評分9.67
1416人評價 查看評價
9.8 內(nèi)容實(shí)用
9.7 簡潔易懂
9.5 邏輯清晰
一般遵循原則: 先考慮設(shè)計圖中的文字內(nèi)容和內(nèi)容模塊之間的關(guān)系,重點(diǎn)放在編寫html結(jié)構(gòu)和語義化,然后考慮布局和表現(xiàn)形式。
.........果然是初級的課程,寫出的代碼各種不能擴(kuò)展,各種不易維護(hù),看完也是醉了
...........然后用戶哪天突然想把聯(lián)系方式換成手機(jī)號,老師的布局就悲劇了
只考慮結(jié)構(gòu),再考慮布局.........事實(shí)上是先考慮了可以用css這么實(shí)現(xiàn)這樣的樣式才寫出demo3的布局的,不然隨便寫一個結(jié)構(gòu),css寫的再好也無力回天
打開眼界啦,我還處于初級水準(zhǔn)!這節(jié)對初學(xué)者提高很有幫助!
在老師說完初級水平的思路的時候,我就知道我就這水平了
老師這抖機(jī)靈太叼了
太酷了,哈哈哈哈哈
在這種情況下加<br/>是為了讓我們看清楚這幾種方法的區(qū)別。。不是說用<br/>就逼格低。。要是這樣的話就沒存在意義了
剛剛想到了一個更簡單的說法,內(nèi)填充擴(kuò)大了你的視野范圍。比如你用一個小盒子看到了那里有個沙發(fā),那換一個大盒子,你看到了沙發(fā)和后面的墻。后面的墻就是背景圖。沙發(fā)就是內(nèi)容。大盒子比小盒子看到的多,因?yàn)榇蠛凶拥膬?nèi)填充更多。
我個人理解是這樣的,比方有個100x100的圖片做背景圖,但是內(nèi)容只有40x40.不設(shè)置填充的時候,顯示的只有這個圖片的40x40.然后根據(jù)盒子的3D模型。內(nèi)容(content)和內(nèi)填充(padding)是在第二層,背景圖(background-image)在第三層。第二層的顯示效果在第三層上。我們看不到背景圖。那么我們就擴(kuò)大盒子,內(nèi)容沒有改變,將填充變大。背景圖顯示的地方就更多。就能看到想看的背景圖了。
也就是說,一張圖有100平方米,上面還有一張圖是50平方米。從盒子模型來說,給我們看的只有這50平方米,我們想看到更多,那么就擴(kuò)大這個盒子,增加內(nèi)填充.盒子就顯示更多地方。
我來啦 啊哈哈哈
講得很有道理,對我這種初學(xué)者的思想上很有幫助。只是,加入 <br/> 這樣無意義的代碼是很不專業(yè)的表現(xiàn)呀。。
凸(艸皿艸 ) 一分鐘知道自己是初級水平~
機(jī)智的老師!原來這么玩
課程須知
1.html+css簡單的基礎(chǔ)知識 2.有網(wǎng)頁制作實(shí)戰(zhàn)經(jīng)驗(yàn)
老師告訴你能學(xué)到什么?
1.根據(jù)效果圖能正確分解結(jié)構(gòu)和表現(xiàn) 2. 能夠深入理解網(wǎng)頁結(jié)構(gòu)與表現(xiàn)分離的思想

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

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

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

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

為什么扣積分?

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

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

為什么扣積分?

舉報

0/150
提交
取消