[看书][CSS精粹（第2版）]第三章 CSS和图像 & HTML网页布局

本章主要讲述作为背景图像方面的技巧。

1.边框（添加边框样式、去除边框）；

2.为页面设置背景图像，位置设定，固定背景图像；

3.为任意元素设置背景图像；

4.文字放在图像的上面（作为背景图像）；

5.为文档添加多个背景图像（本例利用html和body元素产生多重背景图像的效果）；

6.在页面中使用透明效果（使用PNG格式图像）。

利用网络搜索补充学习了padding的4个方向顺序（上右下左 顺时针），流式布局（看网上的解释结合书里的描述，大概是指页内布局元素采用百分数指定位置和大小）。

[个人理解]

自适应布局：容器元素会根据屏幕分辨率调整位置，容器内的文字不会调整位置（一定范围内），容器元素的大小在一定程度内不会变；

流式布局：容器元素会根据屏幕分辨率调整容器的大小，各容器的位置按照比例分配，相对位置不会变；

响应式布局：容器元素会根据屏幕分辨率调整位置，各容器的大小根据不同屏幕分辨率按照不同比例分配；

静态布局：容器元素的大小和位置固定。

较专业的说明：http://blog.csdn.net/iefreer/article/details/40155459

不同效果对比可参考：http://wow.techbrood.com/fiddle/1753

[看书][CSS精粹（第2版）]第三章 CSS和图像 & HTML网页布局