五、其他

• 因为 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