首页 > Web开发 > 详细

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

时间:2015-09-23 01:26:09      阅读:304      评论:0      收藏:0      [点我收藏+]

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网页布局

原文:http://1831651.blog.51cto.com/1821651/1697198

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!