[看书][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