Webjx推荐20个关于CSS3优秀学习资源

2016-02-19 23:52 4 1 收藏

下面是个Webjx推荐20个关于CSS3优秀学习资源教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - Web开发 】

     译者按:CSS2的出现让web顿时丰富起来,特别是web2.0时代CSS成为每个web页面都必不可少的元素。但是随着web技术的发展,CSS2已经不能满足web开发的需求,例如属性选择、AJAX出现后与JS的交互等,因此对下一代的CSS需求越来越明显。目前CSS3还处于草稿阶段,但是其某些特征已经让人兴奋不已。目前主流浏览器Firefox、IE7/8、Webkit等都已经部分地支持CSS3。因此提前了解CSS3是十分必要的。下面提供的20个学习资源中,多数是单篇的文章和访谈记录等,可见这方面的资源还是比较少的,作为一个真正的CSS开发者,走在别人的前面提前了解、运用、研究CSS3也是十分必要的。

    尽管W3C还没有最终设定CSS3规范,但是像Mozilla Firefox、Opera以及基于Webkit等的现代浏览器已经开始部分或者全部地支持CSS3了。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

    作为一个web开发者,充分了解当前和未来的web标准是十分必要的。为帮助大家能够走在趋势的前列,我们特意向推荐下面这20个关于CSS3的优秀学习资源。

1 、CSS3 Progress Report(CSS3项目报告)

CSS3 Progress Report(CSS3项目报告)

 CSS3 Progress Report(CSS3项目报告)是CSS工作小组用以对外介绍CSS3模块当前进展状态的官方网站。对于志愿贡献者来说,这里可能是你学习和为CSS3提供改进的最好的地方。

2、 Get Started with CSS3(CSS3入门)

Get Started with CSS3(CSS3入门)

Web Monkey为CSS3入门提供了一个大体框架。本站概述了已经在现代浏览器中得到支持的CSS3属性。对于刚刚开始探索CSS3的人来说这是一篇了不起的著作。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

3 、Progressive Enhancement with CSS3(CSS3的渐进增强)

Progressive Enhancement with CSS3(CSS3的渐进增强)

Opera,在支持CSS3规范中一直走在前列的一款浏览器,对CSS3在渐进增强中的应用有着十分出色的表现。在采用了CSS3的渐进增加计划中讨论了你如何在已经使用支持CSS3的现代浏览器和还没有支持CSS3的传统浏览器应用CSS3。

4 、Accessibility Features of CSS

Accessibility Features of CSS

随着移动手持设备和诸如屏幕阅读器等非传统web浏览器的不断增加,作为对CSS3的一项重要改进,CSS工作小组增加了CSS3的易用性。W3C文档指出在当前和未来的CSS3规范中将会继续保留这些易用的特性。

5. Introduction to CSS3 (Design Shack)

Introduction to CSS3 (Design Shack)

在这个由5部分组成的系列中,Design Shack给读者了一个关于CSS3的完美诠释。文章以朴实的语言对CSS3做了详尽的解释,并对着重讲述了边框和文本效果等CSS3技术。

6. CSS3 . Info

CSS3 . Info——网站截图

CSS3.info是一个关于CSS3方面的极其全面的网站。他们提供了有关CSS3的新闻、访谈记录以及各类资源。该站还提供了一个名为CSS3 Previews的演示模型,因此你可以通过Opera和其他基于Webkit的浏览器来体验CSS3的相关模块和功能。

7. CSS Advanced Layout Module

CSS Advanced Layout Module

了解CSS3规范中更加常用的模块:高级布局模块(the Advanced Layout Module)。 这是W3C的一个工作草稿,不过它足以向我们这些web开发者显示CSS3的伟大之处了。

8. Six Questions: Eric Meyer on CSS3

 Six Questions: Eric Meyer on CSS3

Eric Meyer是一个有幸参加6次CSS3修订的CSS专家。在这次访谈中,Eric Meyer说其中最让他兴奋的CSS3中的模块方向的发展以及与JavaScript的紧密关系。你可以直接点击这里查看就 CSS3 向 Eric Meyer 请教的 6 个问题 。

9. CSS3 properties tests for webkit based browsers



在这个在线演示中,你会打到诸如Safari等基于Webkit的浏览器目前已经支持(和未支持)的CSS3属性;它还提供了可用于iPhone的一些CSS3属性的相关信息。

10. WaSP Community CSS3 Feedback



本文是对于web标准项目(Web Standards Project,WaSP )发表的一篇名为告诉CSS工作小组你喜欢从CSS3中得到什么(Tell the CSS WG what you want from CSS3)博客的反馈信息的详细总结。通过这篇文章你可以看到世界web开发者对目前CSS3规则期望。

来源:http://www.tulaoshi.com/n/20160219/1630779.html

延伸阅读
标签: Web开发
使用CSS3 HSL声明同样是用来设置颜色的。下一个呢? HSLA? 是的,这个和RGBA的效果是一样的。 上一篇文章:CSS3教程(9):设置RGB颜色 HSL声明使用色调Hue(H)、饱和度Saturation(s)和亮度Lightness(L)来设置颜色。 Hue 衍生于色盘:0和360是红色,接近120的是绿色,240是蓝色。 Saturation 值是一个百分比:0%是灰度,100%饱和度最高 ...
  最近闲来无事,上W3C转了一圈,粗略地浏览了一下尚未发布的CSS3,虽然还未被W3C正式发布出来,但还是能从已有的资料中窥出一些端倪,一个很明显的特征,CSS3制订得越来越细致了,某些细节之处完全超乎你所能想象的到的范围。 在这里不提及CSS3的语法,因为对于目前尚未有软件支持的CSS3,任何语法的探讨都像是空中楼...
标签: Web开发
幻灯片(PPT)是快速学习知识关键点的有效途径。之前本博客发布的一个简单的、循序渐进的CSS幻灯片教程,就为大家介绍过一个幻灯片教程,今天再为大家推荐5个以改善CSS编码为主题的幻灯片教程。这5个幻灯片主要帮助大家了解如何写出高效的、可维护的CSS代码,学习CSS中的属性继承、行高(line-height)相关知识,认识CSS系统论及面向对象的CSS...
标签: Web开发
我们看到创新的方法,使设计者和开发者使用的CSS创新其不足之处。这里,您可以找到一些网站导航使用CSS的最佳方式。你会发现各种各样的技术,真正展示了能力的CSS 。 在这篇文章中,你会找到一个收集优秀的导航技术,使用的CSS为用户提供令人印象深刻的界面。 1. 2. 3. 4. 5. 6. 7. 8. 9. 10....
标签: Web开发
作为一个 Web 设计师,精通 CSS 是绝对必要的而且对于 Web 开发也是必须的。 良好的 CSS 编写习惯可以帮助你节省时间,并且能更好地进行网站的后期维护使得运行速度更快,从而节约带宽。下面是网页教学网收集的6个非常有用的 CSS 资源网站,包括 CSS 学习技巧、CSS 文章、CSS 高级文档等。 网页教学网提示:点击下面的文字连接可以打开网...

经验教程

334

收藏

62
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部