第六课 绝对定位和背景图装饰

1、 可以用内边距来撑开块，不用单独设施块的height属性
2、 绝对定位的内容不在文本流之内，不会占用网页的空间
3、 position属性的值：属性之后用right、left值来定位

(1)static：元素框正常生成
(2)relative：元素框偏移某个距离，处于未定位的状态
(3)absolute：元素框从文档流完全删除，并相对于其他包块定位
(4)fixed：类似于absolute，不过包块定位于试图本身

4、网页中的图片可以分为两类：一类是内容（img）；另一类是装饰，不传递信息只是用来作为装饰（背景图）
5、background是背景的属性

（1）background-repeat：平铺图片
（2）background-image：用图片作为背景
（3）background-position：图片的位置
background的属性可以写在一条内容上

6、图标可以单独用图片设置，还可以用背景图来展示
7、太多的CSS代码会导致代码篇幅太长不利于阅读，可以吧CSS代码单独放入一个.css为后缀名的文件这中，然后在HTML文件中引入




参考资料：
positiong的文档
图标下载地址