Web Design: CSS Tutorials

1. 理解position属性。

通过以下两个网站的学习，一般都能彻底了解了。

• http://www.barelyfitz.com/screencast/html-training/css/positioning/
  这个一个通过实例来说明的网站。
• http://www.autisticcuckoo.net/archive.php?id=2004/12/07/relatively-absolute
  详细的说明了各个属性的相关知识，非常有用。（推荐）

note：用了float后，记得在下一行前使用clear，否则在不同浏览器间显示的效果会不一致。

2. css sprite生成器

• http://spritegen.website-performance.org/
  把所有图片（不超过500k）打包成zip格式上传，然后就会生成需要的图片了，并且有图片的偏移量给出来，相当方便。
• http://css-tricks.com/css-sprites-what-they-are-why-theyre-cool-and-how-to-use-them/
  介绍是sprite的文章

刷新页面返回顶部