林网博客

div+css太火了，这不能怪跟风者，实在这种网页开发模式，确实有很多的优势，近来由于项目的特殊需要，会将一部分精力转向投入到这方面来，因此，也要再多下下基本功！

       最近读到KenXu的一篇文章，就如何循序渐进地学习css提出了比较好的建议，比较适合初学者来学习css，本文参考了原文的主要内容。

     CSS基础及实例 要想出色地使用css，基础是一定要有的，可以在CSSBasic.com上下载css基础教程(pdf)。在读完35页的教程之后可以通过一些小例子来进一步理解已获得的css知识，可以通过CSS Examples来获得这些例子。

      CSS属性 在做完以上工作后，你也许会需要这样一张表，它上面包含了所有css属性的具体用法，你可以通过以下的网络服务来获得帮助：CSS 2.1 Reference，W3schools，HTMLDog，CSS速查手册。

      使用CSS设计样式 首先，可以从设计导航和目录开始，使用13 Styles CSS Menu下载来的css menu来做出更为专业的导航或是目录；

     接下来选择你的css布局，Layout Gala提供了许多直观的布局实例，也可以访问Page Layout Sample获得帮助；
      最后，可以学习更精深的css教程：
      53 CSS-Techniques You Couldn’t Live Without
      70 Expert Ideas for Better CSS Coding
      CSS Technique Round Up - 20 CSS Tips and Tricks
      HTMLDog’s Advance CSS Tutorials

      CSS搜索引擎 通过css搜索引擎来skuer.com获得更多的关于css的资源。

      CSS工具 你可以通过以下的css工具来获得事倍功半的效果：CSS Creator自动生成布局样式等；CSS List-O-Matic轻松制作漂亮的侧栏及导航；CSS Font and Text Style Wizard使你能够实时获得css属性的预览效果；Software: CSS Tab Designer设计列表及导航；CSSFly编辑任意网页的css样式文件等，此外还有幺幺之前介绍的CSS优化工具。

上述文字链接转自：http://www.yaoyaoit.cn/css/how-to-learn-css-step-by-step.html，由于日后可能要看到、用到其中的很多链接中的内部，因此，连链接一并转过来，以备阅读。

一并再说一些css的优化工具：

1. Clean CSS

2. Iceyboard’s CSS compressor

3. CSS optimizer

4. CSS drive

5. Ebiene.de

6. CSSTweak