Css模型框

1. css模型框（Box Model）规定了元素框处理元素的内容，内边距，边框和外边距的方式。
2. css框模型概述

3. 元素框的最内部分内容是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景，内边距的边缘是边框，边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素
4. 内边距、边框和外边距都是可选的，默认值是零。但是，许多元素将由用户代理样式表设置外边距和内边距。可以通过将元素的 margin 和 padding 设置为零来覆盖这些浏览器样式。这可以分别进行，也可以使用通用选择器对所有元素进行设置：

5.在 CSS 中，width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的尺寸。
6.假设框的每个边上有 10 个像素的外边距和 5 个像素的内边距。如果希望这个元素框达到 100 个像素，就需要将内容的宽度设置为 70 像素，请看下图：

7.css边框：在HTML中，我们使用表格来创建文本周围的边框，但是通过使用css边框属性，我们可以创建出效果出色的边框，并且可以应用于任何元素。元素外边距内就是元素的边框。元素的边框就是围绕元素内容和内边距的一条或多条线。
8.边框的宽度：可以通过border-width属性为边框指定宽度。为边框指定宽度有两种办法，可以指定长度值，比如2px或0.1em；或者使用三个关键字之一，它门分别是thin，medium(默认值)和thick。
9.边框的颜色：设置边框颜色非常简单，css使用一个简单的border-color属性，它一次可以接受最多四种颜色值。可以使用任何类型的颜色值，例如可以是命名颜色，也可以是十六进制和RGB值，

10.如果颜色值小于4个，值复制就会起作用。例如下面的规则声明了段落的上下边框是蓝色，左右边框是红色，