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

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

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

江老實 Web前端工程師
難度初級
時長22分
學習人數(shù)
綜合評分9.67
1416人評價 查看評價
9.8 內(nèi)容實用
9.7 簡潔易懂
9.5 邏輯清晰

最新回答 / 全棧港
只能說我剛開始也是,剛開始接觸時,拿著設(shè)計稿,先是根據(jù)樣式來的,一邊寫HTML代碼,一邊寫css,對各部分的分塊也是無頭緒,但是你這方面的視頻是有案例的,你就會學到的,比如,先把頁面分別為上中下三個結(jié)構(gòu),這是網(wǎng)頁最基本的結(jié)構(gòu),然后再將這三個部分劃分;再有,將大部分的小塊根據(jù)功能來劃分比如菜單欄,導(dǎo)航欄,排名,公告欄,內(nèi)容等等。這節(jié)課的內(nèi)容如果要領(lǐng)會,你必須有實踐基礎(chǔ)的,真實案例制作才會讓你真正領(lǐng)悟這些思想。但是別忘了,基礎(chǔ)一定要牢固啊~

最新回答 / 一只特立獨行的doge
我覺著如果電話號碼下面那層屬于背景圖的話,那就把電話號碼用一個div裝起來,相對背景圖的div進行絕對定位吧!不過這樣一來又是上一節(jié)視頻里面說的新手思維了,代碼不夠簡潔。

已采納回答 / qq_念舊人依舊_0
???? ?用width,height:95px;來設(shè)置圖片的長寬,設(shè)置的是每一張圖片的長寬,由于圖片標簽img是行級元素,所以4張圖片會按照類似文字排列的格式在同一行進行顯示。注意,背景圖片自然包括白色框,調(diào)長寬內(nèi)邊距和外邊距之后只是使得4張圖片自然嵌入背景圖片所擁有的白色框中。

最贊回答 / 前端小鳥
.demo03 .userPic{ float:left; margin:-20px 0 0 -100px}首先不加這段代碼只加浮動可以看到是浮動到了離demo3(demo3此時是包含框)上20px左20px的位置,因為設(shè)置了padding:20px;然后magin也就是以這個為基準偏移了。那么也可以看作目前這個位置的坐標為(0,0)。設(shè)置-100px是什么意思呢?100px=30px(圖片目標位置的右邊框距離demo03的距離)+20px(內(nèi)填充)+50px(圖片自身寬度),-20px也就很好理解了,上...

最新回答 / 全棧港
我感覺position方便一些,使用絕對定位時,該元素已經(jīng)脫離了文檔流(不占位),設(shè)置偏移量時,若有定位祖先元素,會依據(jù)其最近的已定位獨顯元素為偏移量。對demo01設(shè)置position:relative;對偏移元素span設(shè)置position:absolute;right:20px;top:10px;如果用float,時間最好排在用戶名那/*初級*/<...code...>但這種方式語義化不是很好,先顯示時間

已采納回答 / 點解點解
有影響,而且是很大的影響!大的div加上position:relative,是為了span標簽?zāi)芟鄬τ诖骴iv定位,如果把position:relative刪了,一個div塊看不出什么影響!你復(fù)制多個div出來看看,span標簽全部重合了!這就是position:relative的作用所在了!

已采納回答 / 我就是我不一樣的我
它是為每個img都設(shè)置了背景圖片了啊,所以有幾個圖片就有幾個背景圖

已采納回答 / loloo
Mac免費解壓app有the unarchiver 和 keka,都還挺好用的~

已采納回答 / Sunny609
你img大括號里面有一個問號沒去掉哦

已采納回答 / qq_穆_2
因為margin是將img這個盒子向上下左右移動,而padding是將img這個盒子撐開,所以能看到得背景圖
課程須知
1.html+css簡單的基礎(chǔ)知識 2.有網(wǎng)頁制作實戰(zhàn)經(jīng)驗
老師告訴你能學到什么?
1.根據(jù)效果圖能正確分解結(jié)構(gòu)和表現(xiàn) 2. 能夠深入理解網(wǎng)頁結(jié)構(gòu)與表現(xiàn)分離的思想

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

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

為什么扣積分?

本次提問將花費2個積分

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

為什么扣積分?

舉報

0/150
提交
取消