                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /初識HTML(5)+CSS(3)

關(guān)于盒模型

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

qq_偶然心動_0

2017-08-01

源自：初識HTML(5)+CSS(3) 12-13

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

1093

操作

收起

3 回答

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

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

定義和用法

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

說明

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

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

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

簡單的測試代碼如下: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>