css第三节（1）

1、css盒模型

把html页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器，每个矩形由内容（有width和height）、内边距（padding）、边框（border）和外边距（margin）组成。

一个盒子占用的空间：边宽+内边距+内容区域

2、魔盒的边框

border-top-width：20px；

border-top-color:red;

border-top-style:solid；

合写：

border-top：宽度 样式 颜色；

border-left：5px solid blue；

一行css设置上下左右的边宽样式

border：10px solid blue；

;3、css边框的妙用

border：0 none  去掉默认的边框，兼容所以浏览器

4、内边距padding的使用

padding：20px；设置四周的内边距

padding-top：20px；上内边距

padding：20px 5x 10px 20px；分别设置上  右  下  左的内边距

内边距享有背景色