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. 9-vim-移动命令-04-利用标记返回之前小编辑的代码位置

    标记 在开发时,某一块代码可能需要处理,例如编辑或重看. 此时使用命令模式(普通模式)下使用m增加一个标记,这样可以在需要时快速地跳回来或者执行其他编辑操作.   标记名称可以是a~z或者A~Z之间的 ...

  2. RPC协议的介绍

    根据网上搜索的一些资料摘抄汇总的,如果有误,欢迎斧正. 早期单机时代,一台电脑上运行多个进程,大家各干各的,老死不相往来.假如A进程需要一个画图的功能,B进程也需要一个画图的功能,程序员就必须为两个进 ...

  3. android绑定usb前后摄像头

    在Android的系统会有前置摄像头和后置摄像头的定义,摄像头分为SOC类型的摄像头和USB这一类的摄像头,接下要分析就是USB摄像头这一类 . 一般在android或者linux系统中分析一个模块, ...

  4. CentOS7最小化安装后

    查看ip地址:ip addr/ifconfig 修改ip地址:/etc/sysconfig/network-script/网卡,修改onboot=yes BOOTPROTO=dhcp -->BO ...

  5. SVN版本管理与大型代码上线方案(一)

    SVN版本管理与大型代码上线方案(一) 链接:https://pan.baidu.com/s/1A3Iq3gGkGS27L_Gt37_I0g 提取码:ncy2 复制这段内容后打开百度网盘手机App,操 ...

  6. PHP-组合总和

    给定一个无重复元素的数组 candidates 和一个目标数 target ,找出 candidates 中所有可以使数字和为 target 的组合. candidates 中的数字可以无限制重复被选 ...

  7. 转载 如何理解API,API 是如何工作的

    本文转载于https://blog.csdn.net/cumtdeyurenjie/article/details/80211896 感谢作者 仁杰兄 大家可能最近经常听到 API 这个概念,那什么是 ...

  8. python自动化测试-使用第三方python库技术实现

    转载自https://www.cnblogs.com/beer/p/5418471.html

  9. NX二次开发-C语言文件读写fwrite和fread函数

    NX9+VS2012 #include <uf.h> #include <stdio.h> UF_initialize(); /* //设置文件路径 const char* f ...

  10. PHP 图形验证码

    一段生成图形验证码的代码,向原创作者致谢. 1.将以下代码保存为 txm.php ,注:直接运行该页面是没有结果的,要用另一页面引用,请看步骤2 <?php session_start(); $ ...