第12天(CSS盒子模型）

盒子模型：所有的元素都被一个个的”盒子”包围着，学会盒子模型可以实现准确布局，处理元素排列的关键，而我们的网页也是由一个个盒子来形成的

在css中，我们有几种类型的盒子，一般分为区块盒子和行内盒子，区块盒子会产生换行，并且不设置宽度就会默认和父元素空间的100%,行内盒子不会产生换行，水平方向的内边距，外边距会有效果

在盒子中，包含内容有内容，内边距，外边距，边距四部分，border属性用于设置盒子的边框，设置盒子四条或者单独边框，四个边框的不同，底部一条线做分割线，这样等等美观的操作

圆角边框

border-radius允许你设置元素的边框圆角，盒子设置圆角可以更加美观，盒子或者图片设置为圆角

内边距

内边距padding位于边框和内容区域之间，这个效果也是让边距保留一定距离，内边距多个值可以用空格隔开，顺时针记忆

注意：内边距可以设置单个

外边距

外边距margin多个值用空格隔开，行内元素左右外边距生效，上下外边距是无效的，而区块元素上下外边距会出现折叠也就是合并的情况，并列关系的区块元素，俩个上下外边距合并为一个外边距，其大小等于最大的单个外边距