盒尺寸四大家族之content与padding

盒尺寸中的4个盒子content box、padding box、border box 和margin box分别对应CSS世界中的content、padding、border和margin属性,这四个属性称为“盒尺寸四大家族”,让我们前去探秘吧!

一、深入理解content

image

1.1 content与替换元素

1.1.1 替换元素

替换元素:通过修改某个属性值呈现的内容就可以被替换的元素。

典型例子: