最新回答 / qq_經(jīng)6吳素文_03163701
img{background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);width:95px;height:95px;padding:1px;20px;37px;30px;margin-right:10px;}
2016-03-08
最新回答 / 全棧港
只能說我剛開始也是，剛開始接觸時(shí)，拿著設(shè)計(jì)稿，先是根據(jù)樣式來的，一邊寫HTML代碼，一邊寫css，對(duì)各部分的分塊也是無頭緒，但是你這方面的視頻是有案例的，你就會(huì)學(xué)到的，比如，先把頁面分別為上中下三個(gè)結(jié)構(gòu)，這是網(wǎng)頁最基本的結(jié)構(gòu)，然后再將這三個(gè)部分劃分；再有，將大部分的小塊根據(jù)功能來劃分比如菜單欄，導(dǎo)航欄，排名，公告欄，內(nèi)容等等。這節(jié)課的內(nèi)容如果要領(lǐng)會(huì)，你必須有實(shí)踐基礎(chǔ)的，真實(shí)案例制作才會(huì)讓你真正領(lǐng)悟這些思想。但是別忘了，基礎(chǔ)一定要牢固啊~
2016-02-01
最新回答 / 一只特立獨(dú)行的doge
我覺著如果電話號(hào)碼下面那層屬于背景圖的話，那就把電話號(hào)碼用一個(gè)div裝起來，相對(duì)背景圖的div進(jìn)行絕對(duì)定位吧！不過這樣一來又是上一節(jié)視頻里面說的新手思維了，代碼不夠簡潔。
2016-02-01
最贊回答 / 前端小鳥
.demo03 .userPic{ float:left; margin:-20px 0 0 -100px}首先不加這段代碼只加浮動(dòng)可以看到是浮動(dòng)到了離demo3（demo3此時(shí)是包含框）上20px左20px的位置，因?yàn)樵O(shè)置了padding：20px;然后magin也就是以這個(gè)為基準(zhǔn)偏移了。那么也可以看作目前這個(gè)位置的坐標(biāo)為（0,0）。設(shè)置-100px是什么意思呢？100px=30px(圖片目標(biāo)位置的右邊框距離demo03的距離)+20px（內(nèi)填充）+50px（圖片自身寬度）,-20px也就很好理解了，上...
2016-01-17
最新回答 / 全棧港
我感覺position方便一些，使用絕對(duì)定位時(shí)，該元素已經(jīng)脫離了文檔流（不占位），設(shè)置偏移量時(shí)，若有定位祖先元素，會(huì)依據(jù)其最近的已定位獨(dú)顯元素為偏移量。對(duì)demo01設(shè)置position：relative；對(duì)偏移元素span設(shè)置position：absolute；right：20px；top：10px；如果用float，時(shí)間最好排在用戶名那/*初級(jí)*/<...code...>但這種方式語義化不是很好，先顯示時(shí)間
2016-01-13
最贊回答 / 慕男嬸
不是的。margin是外邊距，就是盒子與盒子之間的距離。padding是內(nèi)邊距，根據(jù)盒子模型可知，盒子的寬高也算上內(nèi)邊距，而背景圖是從padding開始渲染的，所以你能看到背景。
2015-12-13