除了 margin,剩余三个都算做元素内的。
通常我们会关闭所有元素的默认 padding 和 margin,因为不便于设置网页。
* {
padding:0;
margin:0;
}
边距之间会存在边距收缩现象,例如上一个元素的底边距和下一个元素的顶边距,默认只保留其中的最大值。
三种盒子
更改方式:更改盒子类型 display
不同的元素默认的盒子大小也不同,例如标题,盒子,段落元素都是默认占据整行,而锚元素和图片还有strong等元素会只占据自己的宽度也就是行级盒子。其他的占据整行就是块级元素。
对于边距,行内盒子不会生效上下的边距,只能设置左右边距。
还有一种行内块级盒子,即在外部表现为行内元素,在内部表现为块级元素。对外不会自动产生换行符和只占据需要的内容,对内则可以添加边距和填充。
通常用于给行内元素添加间距,如导航栏等。图像默认也是inline-block。