【牛腩新闻发布系统】界面设计

经过我长时间的努力，终于完善新闻发布系统到了这个地步，界面设计基本完善了，从中我基本了解了CSS设计的一些套路。

我懂了很多界面设计的道理，先给大家介绍一下盒子模型把。

颜色：内边距总是跟元素的背景色一样，所以当你设置背景色时，你会发现背景色在元素本身和内边距上都生效了。外边距总是透明的。

作用：内边距和边框主要的作用是装饰；外边距主要用于布局，目的是控制元素之间的距离。

边距（margin）重叠：边距重叠时，会淘汰边距较小的一个。边距重叠只发生在边距属性中，补白（padding）和边框都不会发生重叠现象。
注意：只有在普通文档流中的块级元素才会发生边距重叠。行内元素、浮动元素和绝对定位元素都不会产生重叠。

box-sizing: content-box|border-box|inherit;
盒模型中，默认box-sizing:content-box; 元素的边框和内边距会撑开元素。

box-sizing: border-box：用来改变默认的CSS盒模型对元素宽高的计算方式，使得元素的内边距和边框不再会增加它的宽度。