所有的 HTML 元素本质上是小的矩形块，代表着某一小块区域。

有三个影响HTML元素布局的重要属性：padding(内边距)、margin(外边距)、border(边框)。

padding：元素的 padding 控制元素内容 content和元素边框 border 之间的距离。

margin: 元素的 margin 控制元素的 border 和元素实际所占空间的距离。

讨论样式的覆盖和选择器的优先级：

　　class优先级在style中表现为：在 <style> 部分中 class 声明的顺序却非常重要，第二个声明总是比第一个具有优先权。

　　但是 id 属性总是具有更高的优先级。

　　style-inline行内样式将覆盖style 中定义的所有 CSS。

　　很多情况下，你会使用 CSS 库，这些库可能会意外覆盖掉你自己的 CSS。所以当你需要确保某元素具有指定的 CSS 时，你可以使用 !important。

HTML5笔记（一）关于边距和样式优先级及覆盖