CSS处理网页时，它认为每个元素都包含在一 个不可见的盒子里。
一个盒子我们会分成几个部分：
内容区(content)
内边距(padding)
边框(border)
外边距(margin)
内容区指的是盒子中放置内容的区域，也就是元素 中的文本内容，子元素都是存在于内容区中的。
内边距指的就是元素内容区与边框以内 的空间。
可以在元素周围创建边框，边框是元素可见框的最外部。
边框可以设置多种样式：
none（没有边框）
dotted（点线）
dashed（虚线）
solid（实线）
double（双线）
groove（槽线）
ridge（脊线）
inset（凹边）
outset（凸边）
外边距是元素边框与周围元素相距的空间。
