css—盒模型

盒模型两个标准：标准模型，IE模型

/*标准模型*/
box-sizing:content-box

/*IE模型*/
box-sizing:border-box

边框

样式包括：
solid —— 实线
dotted —— 点线
dashed —— 虚线
double —— 双线
这几个为常用边框，还有几个不常用边框就不一一举例了
可以通过设置样式为none或者是hidden来一处边框，获取设置边框颜色为transparent让边框不可见。这样操作并不会改变布局

外边距和内边距

用padding或者是margin设置内边距和外边距的宽度
两个宽度是： 上下、左右
四个宽度是： 上、右、下、左

总结：
浏览器选择哪个盒模型，主要看浏览器处于标准模式还是怪异模式。而<!DOCTYPE>这个是告诉我们浏览器选择哪个版本的HTML，<!DOCTYPE>后面一半都有DTD声明，如果有DTD声明的话浏览器就处于标准模式，如果没有DTD声明或者是HTML4以下的DTD声明，那就处于怪异模式

标准模式：盒子总宽度/高度 = 内容区宽度/高度 + padding + border + margin
怪异模式：盒子总宽度/高度 = width/height + margin