推荐20个让你学习并精通CSS的网站

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

1. A List Apart CSS Topics

alistapart-css教程

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

2. CSS Help Pile

csshelppile-CSS技巧-教程

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

3. CSS Basics

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

4. Holy CSS Zeldman!

CSS教程

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

5. Eric Meyer: CSS

CSS-布局-教程

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

6. 456 Berea Street – CSS category

CSS-技巧

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

7. Position Is Everything

position-is-everything

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

8. HTML Dog CSS Tutorials

html-dog-CSS教程

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

9. Learn CSS Positioning in Ten Steps

CSS-布局

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

10. Andy Budd CSS/Web Standards Links

CSS-学习-网站

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

11.W3CSchools CSS Tutorial

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

12. css Zen Garden

CSS禅意花园

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

13.CSS at MaxDesign

CSS-实例

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

14.CSSeasy.com

CSS-网站推荐

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

15. CSS-Discuss

CSS-教程

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

16. Web Design from Scratch: CSS

网页设计-CSS

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

17.CSS-Tricks

css_技巧

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

18.CSS on Delicious

css

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

19. SitePoint CSS Reference

css-教程

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

20. CSSDog

css_dog

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


英文原文:http://sixrevisions.com/css/20_websites_learn_master_css/

54 Comments

发表评论

  • Anadi
    2015-12-21

    It’s good to see someone thinnikg it through.

  • 朝心 » 60+CSS技巧教程资源大全
    2015-10-15

    […] 推荐20个让你学习并精通CSS的网站 […]

  • Forum Discussion
    2015-03-19

    Very good. Keep it up friend.

  • pou hack 2014
    2014-10-16

    pou hack 2014

    推荐20个让你学习并精通CSS的网站-css技巧-css教程 | 彬Go

  • kamera dslr murah
    2014-07-23

    kamera dslr murah

    推荐20个让你学习并精通CSS的网站-css技巧-css教程 | 彬Go

  • Swaira
    2014-04-12

    Very nice work done. Thanks.

  • Web设计/开发技巧、脚本及资源总结 | 逾凡学堂
    2013-08-23

    […] 精选15个国外CSS框架(已翻译成中文) 41个最佳Mootools Ajax实例下载 推荐20个让你学习并精通CSS的网站(已翻译成中文) 65个优秀的jQuery资源(教程、手册、电子书、demo、插件…) […]

  • 精选30个优秀的CSS技术和实例 | EvilCode 邪恶代码
    2012-09-24

    […] 《精选15个国外CSS框架》《目前比较全的CSS重设(reset)方法总结》《推荐20个让你学习并精通CSS的网站》《使用CSS完美实现垂直居中的方法》《整理及优化CSS代码的7个原则》 《10个CSS简写技巧让你永远受用》 《300+Jquery, CSS, MooTools 和 JS的导航菜单资源》  […]

  • 15个国外CSS框架精选 | 谱色‘Blog
    2012-02-17

    […] 《Web前端开发必备手册下载》 《推荐20个让你学习并精通CSS的网站》 《300+Jquery, CSS, MooTools 和 […]

  • beijixiong
    2011-10-09

    网站内容很不错,可惜是英文,看不懂。