循序渐进学习CSS

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

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

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

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

      使用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