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的文章