五、其他
- 因为 FF 和 IE 对于 border: 1px dotted #DDD 显示的效果不一致。所以一般我会用背景代替(本例没有这么做)。
- 文字大小的控制,在 body 中设置基准值 small,然后使用百分比控制其他所有的文字大小。具体可以参考Bulletproof Web Design,中文版图书也已经上市。另,这只是习惯而已,在国内制作网页请根据实际情况量力而为。
- 关于第四部分的写法,在另外的文章内有说明。
- 在 CSS 的一开始,设定 *{margin: 0;padding: 0},统一各个浏览器的细微的差别。
- 最后设置各部分的字体和元素间的间距,完成整个页面的制作。
查看最终效果
IE 下会有些局部的差异,大家有兴趣的话,可以研究一下,这里仅为 Firefox 服务。
六、我们学到了什么
- 利用 float 进行布局,特别是第二部分里面的第二种写法很常用;
- 利用 position: absolute; 和 position: relative; 进行局部定位;
- 列表项(<li>)的浮动块状显示;
- 在制作符合标准的页面时,需要考虑 resizing window 和 change font size 的问题。
本文链接:http://www.blueidea.com/tech/web/2007/4467.asp
出处:蓝色理想
责任编辑:blue
上一页 右栏豆瓣推荐 下一页
◎进入论坛网页制作、网站综合版块参加讨论
|