最新回答 / 全棧港
只能說我剛開始也是,剛開始接觸時,拿著設(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ǔ)一定要牢固啊~
2016-02-01
最新回答 / 一只特立獨行的doge
我覺著如果電話號碼下面那層屬于背景圖的話,那就把電話號碼用一個div裝起來,相對背景圖的div進行絕對定位吧!不過這樣一來又是上一節(jié)視頻里面說的新手思維了,代碼不夠簡潔。
2016-02-01
已采納回答 / qq_念舊人依舊_0
???? ?用width,height:95px;來設(shè)置圖片的長寬,設(shè)置的是每一張圖片的長寬,由于圖片標簽img是行級元素,所以4張圖片會按照類似文字排列的格式在同一行進行顯示。注意,背景圖片自然包括白色框,調(diào)長寬內(nèi)邊距和外邊距之后只是使得4張圖片自然嵌入背景圖片所擁有的白色框中。
2016-01-20
最贊回答 / 前端小鳥
.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也就很好理解了,上...
2016-01-17
最新回答 / 全棧港
我感覺position方便一些,使用絕對定位時,該元素已經(jīng)脫離了文檔流(不占位),設(shè)置偏移量時,若有定位祖先元素,會依據(jù)其最近的已定位獨顯元素為偏移量。對demo01設(shè)置position:relative;對偏移元素span設(shè)置position:absolute;right:20px;top:10px;如果用float,時間最好排在用戶名那/*初級*/<...code...>但這種方式語義化不是很好,先顯示時間
2016-01-13
已采納回答 / 點解點解
有影響,而且是很大的影響!大的div加上position:relative,是為了span標簽?zāi)芟鄬τ诖骴iv定位,如果把position:relative刪了,一個div塊看不出什么影響!你復(fù)制多個div出來看看,span標簽全部重合了!這就是position:relative的作用所在了!
2016-01-09