CSS 盒模型

一、组成要素

css盒模型又称框模型 (Box Model) ，由元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素组成。

二、要素属性

1.元素内容（content）

width：盒子的宽度    height：盒子的高度

可以设置具体数值也可设置百分比

2.内边距（padding）

内边距是用来控制盒子中内容到盒子边缘（边框）之间的距离。盒子的内边距占据的是盒子里面的空间，最小为0且不允许出现负值

3.边框（border）

外边距是用来控制盒子外部四周的距离，不属于盒子本身范畴，外边距主要用途是控制盒子的位置，所以可以出现负值

4.外边距（margin）

border是一个复合属性，要设定边框，必须同时设定3个要素：宽度、样式和色彩（border-width：边框宽度；border-style：边框样式；border-color：边框色彩）