CSS盒子模型 css盒子模型由哪些组成

css模型的四要素

盒模型是 xhtml+css布局页面中的核心。

每个HTML元素都可以看作一个装了东西的盒子，盒子具有宽度（width）和高度（height），盒子里面的内容到盒子的边框之间的距离即填充（padding），盒子本身有边框（border），而盒子边框外和其他盒子之间，还有边界（margin）。

 盒模型的四要素：content（内容）、border（边框）、padding（内边距）、margin（外边距）。

margin：是盒子外面与其他元素的距离，用1到4个值来设置元素的外边距，每一个值都是长度、百分比或 auto，允许使用负值。还可以使用margin-top、margin-right、margin-bottom、margin-left，外边距顺序依次是上、右、下、左。