推荐20个出色帮你学习的CSS技术网站

【 tulaoshi.com - Web开发 】

CSS的学习过程既可以说简单又可以说是复杂。CSS的语法比较简单，但CSS的应用中有一些概念(一可以说是原理)还是很难掌握的。今天网页教学网向你推荐20个出色的CSS技术类(英语)网站帮你更好的理解和掌握CSS，其中包括各种各样的网站，从博客到清单风格列表甚至网站，它们都侧重于研究同 一个主题，那就是CSS。

1. A List Apart CSS Topics

A List Apart，学习网页设计和最佳实践的首选网站。这个网站从1999年就开始发表关于CSS的文章，其中大部分文章都是面向那些更注重符合标准设计的中级到高级设计师。

2. CSS Help Pile

CSS Help Pile汇集了大量的CSS资源、技巧和教程。这个网站适合各种水平的设计师学习。网站专门有CSS初学者、浏览器兼容Bug和CSS书籍点评这样的分类。

3. CSS Basics

CSS Basics可以当成一书来看，用了18个章节来传授基本的CSS概念，对初学者相当有帮助。还有就是所有18个章节，提供打印或PDF格式下载。

4. Holy CSS Zeldman!

Holy CSS Zeldman是关于基于标准的CSS教程、工具、布局相关链接的收集。

5. Eric Meyer: CSS

这里主要是收集Eric Meyer (著名的开发者)的作品，在css/edge和CSS reference等页面可以找到一些相关的资源。

6. 456 Berea Street – CSS category

456 Berea Street下有一个CSS分类，里面有超过300篇文章，这些文章有教如果放置图片，有些是说CSS技巧。

7. Position Is Everything

在Position Is Everything，你能学到大量CSS的高级应用技巧，Position Is Everything关注着如何解决各种浏览器兼容问题的Bug，并体重各种解决浏览器Bug的CSS解决方案。在这里，你能学到关于one true layout和构建DIV绝对定位会发生什么。

8. HTML Dog CSS Tutorials

HTML Dog致力于教授最佳的XHTML与CSS布局，分为初级，中级，高级三个级别。英语不好的朋友可以看中文翻译版的HTML Dog.

9. Learn CSS Positioning in Ten Steps

如果使用CSS定位是一个棘手的问题，这里有10步，看能不能帮你解决。

10. Andy Budd CSS/Web Standards Links

Andy Budd有着一系列CSS/web标准的有用链接，以帮助你找到有用的资料。

11.W3CSchools CSS Tutorial

W3CSchools有一个CSS部分，内容涵盖了初级到高级的CSS主题。

12. css Zen Garden

css Zen Garden给我们展示了CSS是怎样工作的，使用相同的HTML文件，设计师提交的外部样式来美化这个文件。用Web Developer Tool就可以检查CSS是如何进行布局工作的。这个网站在7个最好的网上CSS资源里也有介绍

13.CSS at MaxDesign

MaxDesign拥有Russ Weakley的一套CSS精彩教程，在Listmatic里，教你使用CSS格式化列表，在Floatutorial里，介绍floating元素的知识。

14.CSSeasy.com

CSSEasy.com网站的口号是学习CSS的时髦方法，拥有丰富的经验及创意分享，让我们更好地了解CSS。这个网站的网站开发工具迟早也会派上用场。

15. CSS-Discuss

CSS-Discuss是一个CSS爱好者社区，而 CSS-Discuss Wiki是关于CSS的应用收集。

16. Web Design from Scratch: CSS

Web Design from Scratch有一章节是关于CSS的，涵盖了CSS的基本概念。 其中的Introduction to CSS对初学者很有帮助。

17.CSS-Tricks

CSS-Tricks是一个专注CSS的博客

18.CSS on Delicious

The CSS tag on Delicious是关于优秀CSS设计的链接收集，亮点就是让我们知道哪些好东西在被人看。

19. SitePoint CSS Reference

SitePoint有一个CSS部分，专门讨论入门水平的CSS主题

20. CSSDog

CSSDog有一部分为初学者与高级开发者设计的，其中的开发经验及参考，个人认为是最有价值的部分。