笔记

1.盒子模型

每个盒子有一个内容区以及可选的内边距，边缘和外边距组成

1.1 内容区

包含内容，文本或图形

1.2 内边距

所有盒子在内容区周围可能有一层内边距，内边距是可选的，不一定有。内边距是透明的，没有颜色，也没有自己的装饰。

1.3 边框

内边距周围放置一个可选的边框，这个边框会包围内边距，另外，因为周围是围绕内容的一条线。边框可以有不同的宽度、颜色和样式。

1.4 外边框

外边框是可选的，保卫者边框，利用外边框，可以在同一个页面上的不同元素之间增加空间。

2.padding

增加内边距

3.maigin

增加外边距

4.background-repeat

这里可以这个使用来让图像只显示一次。

5.background-position

这里是让图像放置到左上角或者是其他的位置。

6.增加固定一个方向的外边距

padding-left
padding-right

7. border-style

边框样式