CSS基础(一)

1.盒模型：CSS盒模型顾名思义就是一个盒子，由于封装周围的HTML元素，它包括边距、边框、内边距（填充）、内容（从外到内）。

2.盒模型它能使我们在其他元素的边框之间放置我们想要放置的元素(详细见下图)。

3.盒模型中有四个部分从外到内分别是边距、边框、内边距、内容，这四个部分会在下面详细的给大家讲解。

4.外边距：外边距属性用于定义边框外周围的空间，该属性接受所有的长度单位、百分数值甚至负值它也能接受。

5.外边距属性可以清除周围元素的区域，就好比本来是10/10,设置了外边距属性后就变成了20/20，但这就要看你设置的是多大了。外边距属性还可以单独改变元素的上、下、左、右四个方向的边距，能单独改变当然也能一次改变四个方向的属性值。

6.边框：边框是元素内容与内边距的一条线或多条线，你可以自定义它的样式和宽度以及颜色，使用这些属性值你可以创建出更加优美的效果。

7.内边距（填充）：内边距（填充）是用于定义元素边框与内容之间的空间的。

8.它与外边距相似都可以设置上下左右四个方向的边距大小。

9.背景：背景属性用于定义元素的背景，文字的背景也可以定义，只不过定义之前要把文字转换为块级元素，这样才能定义。

10.背景颜色有三种写法：十六进制、RGB、颜色名称。