盒子属性的总结

1.边框 border
样式：solid 实线   double 双实线  dashed  线状线；dotted 点状线 
设置边框的方向
（1）border-top：设置上边框 同理left right bottom
（2）用border-width：四个值 （一个值代表四条边框上下左右；2个值代表上下、左右；三个值代表着上、左右、下；四个值代表四个方向）
border-color  同理上面的  可以给各个方向加上不同颜色 
border-style：设置四个边框的样式

2.外边距 margin
margin 会让四边都加上外边距
可以加四个值 给上左下右 加上边距
单独加 margin-top、bottom、left、right
外边距可以设置负值：可以往哪个方向减少边距
快速方式让盒子居中：任意值 auto （任一值 auto 第一值设置上下 第二个auto 设置左右自动居中  注意 两个auto是没意义 实现不了） 
注意：
1.垂直方向两个不同盒子都添加边距 会取最大边距（上面盒子加了100px 下面盒子边距也50px，最后得出的边距只为100px 即 取最大值）
2.水平方向同时设置margin 会产生合并效果  即取最小值

3.溢出属性 ：overflow
visible 默认值 显示溢出
hidden：溢出隐藏  
scroll：滚动条  设置的话，有没有溢出都会显示滚动条
auto：溢出显示滚动条 没溢出就没滚动条  （常用）
inherit：继承父元素的效果

只允许x轴显示滚动条 overflow-x设置属性 而y轴设置overflow-y:hidden

3.white-space  空余空间 
当设置一个盒子时候，不够空间是否会自动换行
设置normal 忽略空白（默认值）
nowrap 文本不会换行自动填满,遇br会换行，
配合text-overflow: ellipsis; 溢出文本显示...(省略号)