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

所有的 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。

关于css颜色的记录：

　　16 个值和 6 个位置意味着我们有 16 的 6 次方，或者说超过 1600 万种可能的颜色。

　　Hex code 遵循 red-green-blue（红-绿-蓝），或者叫 rgb格式。hex code 中的前两位表示颜色中红色的数量，第三四位代表绿色的数量，第五六位代表蓝色的数量。

　　所以要得到绝对的纯红色，你只需要在第一和第二位使用 F （最大可能的数值），且在第三、第四、第五和第六位使用 0 （最小可能数值）。

　　例子：纯红（red） #FF0000,纯绿（green） #00FF00,纯蓝（blue） #0000FF

　　在 CSS 中表示颜色的另一个方法是使用 rgb 值。

　　代表黑色的 RGB 值看起来是下面的样子：

　　rgb(0, 0, 0)

　　代表白色的 RGB 值看起来是下面的样子：

　　rgb(255, 255, 255)

　　使用 rgb，你通过 0 至 255 之间的一个数字来指定每种颜色的亮度，而不是像 hex code 那样使用六个十六进制数字。