一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第8天，点击查看活动详情。
背景，边框和边距相关属性
盒模型
CSS的一个重要概念就是盒模型（box model）.对于一个HTML标签而言，它会占据页面的一个区域，这块区域就是该标签占据的“盒子”（形状像一个盒子）
HTML 标签占据的矩形区域由内容区（content）、内填充区（padding）边框区（border）和外边框区（margin）组成。
HTML元素的盒模型中有两个部分是可见的：
1:元素内容和元素的边框;
两部分是不可见的：
1:内填充区和外边距区；
这两个不可见的区域依然会占据空间。
理解HTML元素的盒模型的4个部分至关重要,CSS的重要作用之一就是控制内容区、内填充区、外框区、外边距区等。
背景相关属性 背景相关属性用于控制背景色、背景图片等属性。在控制背景图片的同时，还可控制背景图片的排列方式。
（1）background:设置对象的背景样式。该属性是一个复合属性，可用于同时设置背景色、背景图片、背景重复模式等属性
（2）background-color:用于设置背景色
（3）background-image:用于设置背景图片
（4）background-repeat:适用于css1,用于设置对象的背景图片是否平铺。
（5）background-attachment:用于设置图片是随着对象内容滚动还是固定的。
（6）scroll:指定背景图片会随着元素里的内容的滚动而滚动。
（7）fixed:背景图片固定的，不会随着元素的内容滚动而滚动。
（8）background-position:用于设置对象的背景图片位置，该属性需要横坐标和纵坐标两个值，它们都支持两种属性——既可使用实际的长度值，也可使用百分比。
css3新增background-clip属性
1)background-clip:用于设置背景覆盖的范围
2)background-origin:用于设置背景覆盖的起点
3)background-size:用于设置背景图片的大小
