关于盒模型-慕课网

首页课程实战体系课手记专栏慕课教程

关于盒模型

来源：12-13 距离产生美 - 使用margin为盒子设置外边距（边界）

qq_偶然心动_0

2017-08-01 09:16

margin是只有块级元素才可以应用的吗

写回答关注

3回答

一只胡思乱想的猪

2017-09-11 16:12:08
不是,根据w3c官网定义:
定义和用法
margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。
说明
这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。
块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。
注释：允许使用负值。
简单的测试代码如下:span是内联元素,同样可以设置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>
```
0 0
一克星璇

2017-08-01 10:13:38

应该是的

0 0
Sam7Joker

2017-08-01 09:41:47

不是margin是外补白，指的是两个盒子之间距离

0 0

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225807 学习 · 18234 问题

相似问题

关于盒模型

回答 1

关于盒子模型

回答 1

关于盒子模型？

回答 2

关于选择器和盒模型

回答 1

关于盒子模型margin的问题

回答 2

打开慕课网App查看更多内容