理解CSS Shapes的引用框
CSS Shapes是用来定义内容环绕的路径,这些路径都是通过形状函数来定义,比如:circle()
、 ellipse()
、 inset()
或 polygon()
,他们都被定位在一个虚拟盒子(virtual box)中,也就是引用框(reference box)。引用框定义了形状的坐标系统,因此它影响了形状如何绘制和定位。他有四种引用框可供选择:margin-box
, padding-box
, border-box
和 content-box
。每种引用框都会产生不同的结果。请继续往下阅读,了解他们是如何工作。