盒模型&边框属性

一、盒模型

1、作用：规定元素位置

2、属性

（1）、padding：填充（会使盒子撑大，要是想保证盒子大小不变，应在样式里减小相应的尺寸）

（2）、margin：外边距（不会使盒子增大）

（3）、border：边框

（4）、content：元素本身

3、计算方式

自身大小：content+padding+border

实际大小：content+padding+border+margin

二、边框属性

1、border-color：边框颜色

2、border-width：边框大小

3、border-style：边框样式

dashed：虚线；double：双实线；soild：实线；dotted；none：无边框