Head First HTML与CSS 笔记 第九章

笔记

1.盒子模型

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

1.1 内容区

包含内容,文本或图形

1.2 内边距

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

1.3 边框

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

1.4 外边框

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

2.padding

增加内边距

3.maigin

增加外边距

4.background-repeat

Head First HTML与CSS 笔记 第九章
这里可以这个使用来让图像只显示一次。

5.background-position

Head First HTML与CSS 笔记 第九章
这里是让图像放置到左上角或者是其他的位置。

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

padding-left
padding-right

7. border-style

边框样式
Head First HTML与CSS 笔记 第九章