特点： 记住哈,一个所谓的边框必须有三样. 第一;这个边框是什么颜色的. 第二：这个边框的样式是什么样的？ 第三;这个边框有多少的厚度.
注意点： 行高和盒子高不是同一个概念 行高指的是每行内容的高度 盒子高指的是元素的高度
注意一下，为什么是margin呢？ 因为padding是自身的扩大,margin是距离.left top bottom right
5、后代选择器/包含选择器（所有子后代元素）：用来选定特定元素或元素组的后代。格式：父元素 子元素{ }，对于多层祖先后代关系，可以多个空格分开，如id为a、b、c的三个元素，后代选择器可以写成#a #b #c{}。...
body{ font-size: 12px;font-family: verdana;width: 100%; } div.page{ text-align: center; } div.content{ height: 300px; } div.page a{ border:#aaaadd 1px...
<!DOCTYPE html><html><head><title></title><style type="text/css"> div{ width: 98px; height: 90px; border: 1px solid...
内容区域:高度和宽度。 内边距：填充物。 边框：装东西的盒子 外边距：盒子与盒子之间的距离。 核心：外边距是标签与标签之间的距离，就算是一个盒子嵌套一个盒子也可以有外边距的。比如body嵌套div也一样。...
margin 属性为给定元素设置所有四个（上下左右）方向的外边距属性。也就是 margin-top，margin-right，margin-bottom，和 margin-left 四个外边距属性设置的简写。
返回值是一个 DOMRect 对象，这个对象是由该元素的 getClientRects() 方法返回的一组矩形的集合，就是该元素的 CSS 边框大小 。
包含块( containing block ) 正常情况下： 包含块就是离当前元素最近的祖先块元素，
