可以嘗試以下初始化代碼:
為吉陽等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù),及吉陽網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為網(wǎng)站建設(shè)、成都做網(wǎng)站、吉陽網(wǎng)站設(shè)計,以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會得到認(rèn)可,從而選擇與我們長期合作。這樣,我們也可以走得更遠(yuǎn)!
body,div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
ol,ul{ list-style:none;}
img,fieldset{ border:0 none; display:block;}
由于各個版本的瀏覽器,對一些標(biāo)簽的初始值不一樣,我們需要幫它們初始化成一樣的,用于兼容各個版本的瀏覽器。
塊元素的之間的間距使用margin屬性設(shè)置。
CSS margin 屬性
定義和用法
margin 簡寫屬性在一個聲明中設(shè)置所有外邊距屬性。該屬性可以有 1 到 4 個值。
說明
這個簡寫屬性設(shè)置一個元素所有外邊距的寬度,或者設(shè)置各邊上外邊距的寬度。
塊級元素的垂直相鄰?fù)膺吘鄷喜?,而行?nèi)元素實際上不占上下外邊距。行內(nèi)元素的的左右外邊距不會合并。同樣地,浮動元素的外邊距也不會合并。允許指定負(fù)的外邊距值,不過使用時要小心。
注釋:允許使用負(fù)值。
例子 1
margin:10px?5px?15px?20px;
/*
上外邊距是?10px
右外邊距是?5px
下外邊距是?15px
左外邊距是?20px
*/
padding-top:0px; 或者margin-top:0px;不過我看你CSS里面貌似沒有上邊距
你應(yīng)該寫一個*{margin:0px;padding:0px;} 寫在最上面
在css中加入如下代碼即可:
*{padding:0; margin:0}
padding
定義和用法
padding 簡寫屬性在一個聲明中設(shè)置所有內(nèi)邊距屬性。
說明
這個簡寫屬性設(shè)置元素所有內(nèi)邊距的寬度,或者設(shè)置各邊上內(nèi)邊距的寬度。行內(nèi)非替換元素上設(shè)置的內(nèi)邊距不會影響行高計算;因此,如果一個元素既有內(nèi)邊距又有背景,從視覺上看可能會延伸到其他行,有可能還會與其他內(nèi)容重疊。元素的背景會延伸穿過內(nèi)邊距。不允許指定負(fù)邊距值。
注釋:不允許使用負(fù)值。
margin
定義和用法
margin 簡寫屬性在一個聲明中設(shè)置所有外邊距屬性。該屬性可以有 1 到 4 個值。
說明
這個簡寫屬性設(shè)置一個元素所有外邊距的寬度,或者設(shè)置各邊上外邊距的寬度。
塊級元素的垂直相鄰?fù)膺吘鄷喜?,而行?nèi)元素實際上不占上下外邊距。行內(nèi)元素的的左右外邊距不會合并。同樣地,浮動元素的外邊距也不會合并。允許指定負(fù)的外邊距值,不過使用時要小心。
div向右偏移一定距離,可采用margin外邊距實現(xiàn)、也可以使用padding來實現(xiàn),這就要看不同情況下如何靈活選擇了。這里thinkcss為大家介紹各種css布局div向右移方法。
兩個盒子前者是藍(lán)色的div,后者是紅色的div,就這種情況下靈活讓紅色div向右浮動偏移一定距離的方法教程分別如下。
基本說明:
為了便于實例,兩個盒子并排,我們將兩個div均設(shè)置float浮動樣式,兩個div box同時設(shè)置相同寬度和高度。
一、設(shè)置margin-left實現(xiàn)div右移
1、有邊框或有背景顏色情況下
兩個div均設(shè)置float:left布局靠左css樣式,要讓第二個(紅色)div靠右移動一點(diǎn),通常是對第二個(后者 紅色)div設(shè)置margin-left。
2、為設(shè)置div靠右移動一點(diǎn)前代碼:
!DOCTYPE html
html
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
titlediv向右移一定距離實例 ;/title
style
.box-a,.box-b{width:200px;height:100px; float:left}
.box-a{ border:1px solid #00F}
.box-b{ border:1px solid #F00}
/style
/head
body
div class="box-a"第一個(前者)div/div
div class="box-b"第二個(后者)div/div
/body
/html
3、截圖
設(shè)置div右移前
4、操作設(shè)置第二個div左外邊距離樣式
關(guān)鍵CSS代碼:
.box-a,.box-b{width:200px;height:100px; float:left}
.box-a{ border:1px solid #00F}
.box-b{ border:1px solid #F00; margin-left:20px}
截圖
設(shè)置margin-left實現(xiàn)紅色div右移一定距離
二、使用margin-right讓第二個div靠右產(chǎn)生一定距離
1、使用說明
上一個方法是直接對要右移div設(shè)置margin-left自身靠左一定距離,從而實現(xiàn)div自身向右移。
如果使用margin-right就不能對需要向右移div設(shè)置,而是對前者(藍(lán)色div)設(shè)置即可,實現(xiàn)紅色div右移一定距離。
2、CSS代碼:
.box-a,.box-b{width:200px;height:100px; float:left}
.box-a{ border:1px solid #00F;margin-right:20px}
.box-b{ border:1px solid #F00}
3、截圖:
margin-right實現(xiàn)div盒子右移
利用對藍(lán)色div設(shè)置margin-right外右邊距,這樣讓紅色自然靠藍(lán)色div一定距離,從而實現(xiàn)div右篇移
三、使用padding-left設(shè)置div右移一定距離
要對右移div本身設(shè)置padding-left,有一個前提條件,這個div沒有邊框和div本身背景與div外背景色沒有區(qū)別,這樣借助padding-left內(nèi)左邊距,實現(xiàn)div沒有右移,內(nèi)容右移,看上去就像div右移的一樣效果。
1、關(guān)鍵CSS代碼
.box-a,.box-b{width:200px;height:100px; float:left}
.box-a{ border:1px solid #00F}
.box-b{padding-left:20px}
2、截圖
技巧實現(xiàn)看似div右移效果
四、總結(jié)
div css布局html是非常靈活的技術(shù),不同思路不同方法不同代碼實現(xiàn)相同效果。樂趣也在此,把握以最簡單方法和思路來布局出要的效果。多實踐多思考慢慢會建立靈活布局技巧與思維。
網(wǎng)頁題目:css樣式清除邊距,css設(shè)置邊框
網(wǎng)站網(wǎng)址:http://chinadenli.net/article26/dsdepjg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供用戶體驗、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計公司、動態(tài)網(wǎng)站、靜態(tài)網(wǎng)站、網(wǎng)站改版
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)