CSS是Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现HTML或 XML 等文件式样的计算机语言。CSS的作用就是为网页设置外观，相当于给HTML文档穿上了华丽的衣服。CSS目前最新版本为CSS3，能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象盒子模型的控制能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。
outline 属性是用于设置以下各个轮廓属性的简写属性
实例代码：
使用outline-color:invert值设置轮廓的反转颜色
实例代码：
outline-color属性设置轮廓的颜色
实例代码：
outline-width属性设置轮廓的宽度
实例代码：
元素的总宽度应该这样计算：
元素总宽度 = 宽度 + 左内边距 + 右内边距 + 左边框 + 右边框 + 左外边距 + 右外边距
元素的总高度应该这样计算：
元素总高度 = 高度 + 上内边距 + 下内边距 + 上边框 + 下边框 + 上外边距 + 下外边距
CSS 框模型实质上是一个包围每个 HTML 元素的框。它包括：外边距、边框、内边距以及实际的内容。
实例代码：
max-width 属性用于设置元素的最大宽度。
min-width 属性用于设置元素的最小宽度
实例代码：
height 和 width 属性用于设置元素的高度和宽度。
height 和 width 属性不包括内边距、边框或外边距。它设置的是元素内边距、边框以及外边距内的区域的高度或宽度。
注意：当宽度的单位设置为百分比（％）时，拖动浏览器窗口会同时改变宽度的大小。
box-sizing属性保持元素宽度，如果增加内边距，则可用的内容空间会减少。
实例代码：