1. A List Apart CSS Topics

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

2. CSS Help Pile

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

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有一部分为初学者与高级开发者设计的,其中的开发经验及参考,个人认为是最有价值的部分。

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

推荐20个让你学习并精通CSS的网站的更多相关文章

  1. 推荐20个很有帮助的 Web 前端开发教程

    在平常的搜索中,我碰到过很多有趣的信息,应用程序和文档,我把它们整理在下面这个列表.这是收藏的遇到的有用内容的一个伟大的方式,可以在你需要的时候方便查阅.相信你会在这个列表中发现对你很有用的资料. 您 ...

  2. 学习《精通数据科学从线性回归到深度学习》PDF+代码分析

    数据科学内容广泛,涉及到统计分析.机器学习以及计算机科学三方面的知识和技能.学习数据科学,推荐学习<精通数据科学从线性回归到深度学习>. 针对技术书籍,最好的阅读方法是对照每一章的示例代码 ...

  3. 推荐20个很有帮助的web前端开发教程

    1. CSS Vocabulary 一个伟大的指向和点击的小应用程序,让你加快速度掌握 CSS 语法的各个不同部分,学习各个属性的正确的名称. 2. Liquidapsive 一个简单的信息化布局,通 ...

  4. 推荐20个非常有帮助的web前端开发教程

    1. CSS Vocabulary 一个伟大的指向和点击的小应用程序,让你加高速度掌握 CSS 语法的各个不同部分,学习各个属性的正确的名称. 2. Liquidapsive 一个简单的信息化布局.通 ...

  5. 系列文章--精通CSS.DIV网页样式与布局学习

    精通CSS.DIV网页样式与布局(八)——滤镜的使用 精通CSS.DIV网页样式与布局(七)——制作实用菜单 精通CSS.DIV网页样式与布局(六)——页面和浏览器元素 精通CSS.DIV网页样式与布 ...

  6. 《精通CSS:高级Web标准解决方案》学习笔记(上)

    鉴于国产CSS书籍基本都是辣鸡的现状,我在半年前动用某工作室的购书资金采购了一些技术书籍,这本广受好评的<精通CSS>也在其中.但是在阅读过后我深深的感觉到,如果说CSS本来已经是一种很琐 ...

  7. Xcode 插件优缺点对照(推荐 20 款插件)

    Xcode 插件优缺点对照(推荐 20 款插件) 2016-01-22 06:16 编辑: lansekuangtu 分类:iOS开发 来源:董铂然 的博客 28 13527 /XCode/" ...

  8. 推荐一个学习Flex chart的好网站

    推荐一个学习Flex chart的好网站 2013-03-04 14:16:56|  分类: Flex |  标签: |字号大中小 订阅     推荐一个学习Flex chart的好网站 最近在做一个 ...

  9. 零元学Expression Blend 4 &ndash; Chapter 20 以实作案例学习Childwindow

    原文:零元学Expression Blend 4 – Chapter 20 以实作案例学习Childwindow 本章将教大家如何运用Blend 4内建的假视窗原件-「ChildWindow」 Chi ...

随机推荐

  1. My Sublime

    Package Control:插件包管理工具 Soda:一个流行的主题,包含代码着色.标签.图标 Emmet:流行的Html编写插件,是zed code升级版包含css编写 SublimeLinte ...

  2. redis的一些特性

    Redis内存回收 Redis复制原理 Redis提供的高可用方案 Redis提供的分片算法 Redis迁移

  3. 获取Windows某一目录下的所有文件名

    #include <sys/types.h> #include <dirent.h>     std::vector<std::string> get_all_fi ...

  4. [轉]User namespaces – available to play!

    User namespaces – available to play! Posted on May 10, 2012by s3hh Over the past few months, Eric Bi ...

  5. 解决Redhat yum出现This system is not registered with RHN的方案

    最近博主在学习Linux,菜鸟级别的的选手连装个Chrome都觉得难,悲了个催的……百度了很多教程,大多是类似的.博主的配置是在VM8下搭建的RHEL5.3 (Tikanga)版本,不知道什么原因,每 ...

  6. Vue之自建管理后台(一)准备工作

    完成最基础的Vue环境及新建一个vue项目. 一般来说,我们拿到一个项目需求或者得到一个需求的时候,第一件应该做的事情不是立马坐在电脑前面去写代码,如果你这么做的,好吧...我只能暂时认定你为一个刚上 ...

  7. ES5新增方法(数组,字符串,对象)

    一.数组方法 迭代(遍历)方法:forEach().map().filter().some().every(): 1. array. forEach(function(value,index,arr) ...

  8. AD库转换为KiCAD库的方法

    AD库转换为KiCAD库的方法 参照博主另外一篇文档: AD转换为KiCAD的方法,点击此处

  9. Nginx基础优化

    Nginx基础优化 1.隐藏nginx header版本号 1.1查看版本号 [root@Nginx ~]# curl -I http://www.yunwei.cn HTTP/1.1 200 OK ...

  10. 一篇不一样的Android屏幕适配具体做法(原创)

    转载请注明出处(http://www.cnblogs.com/weizhxa/p/7568090.html ) 有不正确,还请大家留言修正! 1.何谓屏幕适配:在任何设备上看起来布局都是近似的,细分也 ...