除了 margin,剩余三个都算做元素内的。

通常我们会关闭所有元素的默认 padding 和 margin,因为不便于设置网页。

* {
	padding:0;
	margin:0;
}

边距之间会存在边距收缩现象,例如上一个元素的底边距和下一个元素的顶边距,默认只保留其中的最大值。

三种盒子

更改方式:更改盒子类型 display

不同的元素默认的盒子大小也不同,例如标题,盒子,段落元素都是默认占据整行,而锚元素和图片还有strong等元素会只占据自己的宽度也就是行级盒子。其他的占据整行就是块级元素。

对于边距,行内盒子不会生效上下的边距,只能设置左右边距。

还有一种行内块级盒子,即在外部表现为行内元素,在内部表现为块级元素。对外不会自动产生换行符和只占据需要的内容,对内则可以添加边距和填充。

通常用于给行内元素添加间距,如导航栏等。图像默认也是inline-block。