                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /初識(shí)HTML(5)+CSS(3)-升級(jí)版

關(guān)于盒模型

margin是只有塊級(jí)元素才可以應(yīng)用的嗎

qq_偶然心動(dòng)_0

2017-08-01

源自：初識(shí)HTML(5)+CSS(3)-升級(jí)版 12-13

關(guān)注問題我要回答

1057

操作

收起

3 回答

一只胡思亂想的豬
2017-09-11

不是,根據(jù)w3c官網(wǎng)定義:

定義和用法

margin 簡(jiǎn)寫屬性在一個(gè)聲明中設(shè)置所有外邊距屬性。該屬性可以有 1 到 4 個(gè)值。

說明

這個(gè)簡(jiǎn)寫屬性設(shè)置一個(gè)元素所有外邊距的寬度，或者設(shè)置各邊上外邊距的寬度。

塊級(jí)元素的垂直相鄰?fù)膺吘鄷?huì)合并，而行內(nèi)元素實(shí)際上不占上下外邊距。行內(nèi)元素的的左右外邊距不會(huì)合并。同樣地，浮動(dòng)元素的外邊距也不會(huì)合并。允許指定負(fù)的外邊距值，不過使用時(shí)要小心。

注釋：允許使用負(fù)值。

簡(jiǎn)單的測(cè)試代碼如下:span是內(nèi)聯(lián)元素,同樣可以設(shè)置margin.

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=gbk">
<title>邊距</title>
<style?type="text/css">
p{border:1px?solid?red}
span{border:1px?solid?black;margin:20px;}
</style>
</head>
<body>
????<p>this?is?paragraph?this?is?paragraph?this?is?paragraphthis?is?paragraph<span>this?is?span</span>this?is?paragraph</p>
</body>
</html>