margin:0 auto 0px表示上外抄邊距為0px,左右外邊距自動(dòng),下外邊距為0px。

創(chuàng)新互聯(lián)擁有一支富有激情的企業(yè)網(wǎng)站制作團(tuán)隊(duì),在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)深耕十載,專(zhuān)業(yè)且經(jīng)驗(yàn)豐富。十載網(wǎng)站優(yōu)化營(yíng)銷(xiāo)經(jīng)驗(yàn),我們已為成百上千中小企業(yè)提供了成都網(wǎng)站建設(shè)、做網(wǎng)站解決方案,按需網(wǎng)站開(kāi)發(fā),設(shè)計(jì)滿(mǎn)意,售后服務(wù)無(wú)憂(yōu)。所有客戶(hù)皆提供一年免費(fèi)網(wǎng)站維護(hù)!
margin跟padding一樣,也有簡(jiǎn)潔寫(xiě)法。我們可以使用margin屬性來(lái)設(shè)置四個(gè)方向的外邊距。在實(shí)際編程中,我們往往使用的是margin的這種高效簡(jiǎn)潔寫(xiě)法來(lái)編程。
擴(kuò)展資料:
“margin:20px 40px;”表示top為20px,right為40px;由于bottom和left缺省,所以自動(dòng)將它們分別設(shè)為20px和40px。轉(zhuǎn)化為第4種寫(xiě)法為:“margin:20px 40px 20px 40px;”。
“margin:20px 40px 60px;”表示top為20px,right為40px,bottom為60px;由于left缺省,所以自動(dòng)將它設(shè)為40px。轉(zhuǎn)化為第4種寫(xiě)法為:“margin:20px 40px 60px 40px;”。
需要注意的是一種情況不能寫(xiě)為缺省寫(xiě)法:“margin:20px 40px 20px 60px;”。該例中,由于top和bottom相同,但right和left不同,所以不能將bottom缺省,否則會(huì)等同于“margin:20px 40px 60px 40px;”。
margin是用來(lái)設(shè)定該元素與相鄰元素直接的距離。
margin:0
20px
30%
0對(duì)應(yīng)的是與上,右,下,左四邊相鄰元素的距離。
30%指下邊距為其父元素的寬度的30%
補(bǔ)充:
1.如果margin只有三個(gè)值,按照值的順序?yàn)閙argin:top
right
bottom;
缺少了left,根據(jù)原則,則left的值有right來(lái)代替。
margin:10px
20px
30px;就等于margin:10px
20px
30px
20px;
2.如果margin只有兩個(gè)值,按照值的順序?yàn)閙argin:top
right;
缺少了bottom和left,根據(jù)原則left的值由right來(lái)代替,bottm的值由top來(lái)代替。
margin:10px
20px;就等于margin:10px
20px
10px
20px;
3.如果margin只有一個(gè)值,按照值的順序?yàn)閙argin:top;
缺少了bottom、left和right,根據(jù)原則left的值由right來(lái)代替,bottom的值由top來(lái)代替,right的值右top來(lái)代替,也就是說(shuō)left的值也由top來(lái)代替。
margin:10px;就等于margin:10px
10px
10px
10px;
這是內(nèi)核瀏覽器的bug,很普遍的問(wèn)題。解決的方法有幾種:
1.margin換成padding(最快捷的方法)
2.使用浮動(dòng)
3.給父級(jí)div加點(diǎn)內(nèi)容,比較邊框之類(lèi)。或者在id=lianjie_t的div之前加點(diǎn)內(nèi)容
具體不懂的話可以M我,互相幫助,望采納。。。
補(bǔ)充下,這個(gè)問(wèn)題在IE6是可以的,是瀏覽器的BUG問(wèn)題,只要是父級(jí)div沒(méi)有內(nèi)容(也就是id=lianjie_t之前沒(méi)內(nèi)容),而且使用margin就會(huì)出現(xiàn)這個(gè)問(wèn)題。別和自己較勁。。。
CSS中margin和padding有以下三方面區(qū)別。
在CSS中margin是指從自身邊框到另一個(gè)容器邊框之間的距離,就是容器外距離。在CSS中padding是指自身邊框到自身內(nèi)部另一個(gè)容器邊框之間的距離,就是容器內(nèi)距離。
1、語(yǔ)法結(jié)構(gòu)。
padding:
padding-left:10px; 左內(nèi)邊距、padding-right:10px; 右內(nèi)邊距、padding-top:10px; 上內(nèi)邊距、padding-bottom:10px; 下內(nèi)邊距。
margin:margin-left:10px; 左外邊距、margin-right:10px; 右外邊距、margin-top:10px; 上外邊距、margin-bottom:10px; 下外邊距。
2、可能取的值。
padding:length規(guī)定具體單位記的內(nèi)邊距長(zhǎng)度、%基于父元素的寬度的內(nèi)邊距的長(zhǎng)度、auto瀏覽器計(jì)算內(nèi)邊距、inherit 規(guī)定應(yīng)該從父元素繼承內(nèi)邊距。
margin:length? 規(guī)定具體單位記的外邊距長(zhǎng)度、%基于父元素的寬度的外邊距的長(zhǎng)度、auto瀏覽器計(jì)算外邊距、inherit 規(guī)定應(yīng)該從父元素繼承外邊距。
3、瀏覽器兼容問(wèn)題。
padding:所有瀏覽器都支持padding屬性、任何版本IE都不支持屬性值“inherit”。
margin:所有瀏覽器都支持margin屬性、任何版本IE都不支持屬性值“inherit”。
css有時(shí)MARGIN 不起作用是設(shè)置錯(cuò)誤造成的,解決方法為:
1、新建一個(gè)HTML文件,命名為test.html。
2、為了測(cè)試出明顯的效果,在test.html使用div定義了一個(gè)帶邊框的模塊,里面放一個(gè)p標(biāo)簽。下面以p標(biāo)簽的外邊距設(shè)置為例,詳細(xì)講解margin的使用。
3、使用margin設(shè)置p標(biāo)簽的左外邊距。主要使用margin-left的方法定義左外邊距的樣式,值越大,距離左邊就越大。
4、使用margin設(shè)置p標(biāo)簽的右外邊距。主要使用margin-right的方法定義右外邊距的樣式,值越大,距離右邊就越大。
5、使用margin設(shè)置p標(biāo)簽的上外邊距。主要使用margin-top的方法定義上外邊距的樣式,值越大,距離上邊就越大。
6、使用margin設(shè)置p標(biāo)簽的下外邊距。主要使用margin-bottom的方法定義下外邊距的樣式,值越大,距離下邊就越大。
Padding:這個(gè)簡(jiǎn)寫(xiě)屬性設(shè)置元素所有內(nèi)邊距的寬度,或者設(shè)置各邊上內(nèi)邊距的寬度。行內(nèi)非替換元素上設(shè)置的內(nèi)邊距不會(huì)影響行高計(jì)算;因此,如果一個(gè)元素既有內(nèi)邊距又有背景,從視覺(jué)上看可能會(huì)延伸到其他行,有可能還會(huì)與其他內(nèi)容重疊。元素的背景會(huì)延伸穿過(guò)內(nèi)邊距。不允許指定負(fù)邊距值。值 描述
* padding-top
* padding-right
* padding-bottom
* padding-left
設(shè)置內(nèi)邊距。
值可以是:
* 百分比(基于父元素寬度的百分比)
* 長(zhǎng)度值(固定的padding值)
Margin:這個(gè)簡(jiǎn)寫(xiě)屬性設(shè)置一個(gè)元素所有外邊距的寬度,或者設(shè)置各邊上外邊距的寬度。
塊級(jí)元素的垂直相鄰?fù)膺吘鄷?huì)合并,而行內(nèi)元素實(shí)際上不占上下外邊距。行內(nèi)元素的的左右外邊距不會(huì)合并。同樣地,浮動(dòng)元素的外邊距也不會(huì)合并。允許指定負(fù)的外邊距值,不過(guò)使用時(shí)要小心。
值 描述
* margin-top
* margin-right
* margin-bottom
* margin-left
設(shè)置針對(duì)邊距的屬性。
值可以是:
* 百分比(基于父對(duì)象總高度或?qū)挾鹊陌俜直龋?/p>
* 長(zhǎng)度值(定義一個(gè)固定的邊距)
* auto(瀏覽器設(shè)定的值)。
默認(rèn)值:未定義。
網(wǎng)站題目:css樣式margin,CSS樣式哪些可以繼承
當(dāng)前地址:http://chinadenli.net/article43/dsgichs.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供動(dòng)態(tài)網(wǎng)站、商城網(wǎng)站、定制開(kāi)發(fā)、自適應(yīng)網(wǎng)站、手機(jī)網(wǎng)站建設(shè)、搜索引擎優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)