30个学习CSS3的必备教程

世界各地的网站设计者们对于CSS3的强大功能和它所提供的创作自由非常兴奋。今天这里所列出的30个相关资源一定会令你学习起来更加得心应手。30 Essential CSS3 tuts

CSS3资源:

  1. Push Your Web Design Into The Future With CSS3 – 由Smashing Magazine所创作的相当不错的CSS3使用介绍,很值得借鉴和学习。
  2. CSS3 Previews – 一篇附带有演示的CSS3特色文章。
  3. W3C – Cascading Style Sheets, Current Work – 如果你要选择CSS3作为发展目标,这个页面会是你开始的好地方。
  4. W3C’s CSS3 Roadmap – 一个由W3C所作的CSS3总要,学习CSS3就要从这里开始.
  5. Dan Cederholm’s Handcrafted CSS Workshop – 一个收费的CSS3学习的好场所,有所投入必有所得。
  6. Border-radius: create rounded corners with CSS – 圆角边框第一原理演示教程。
  7. Border-image: using images for your border – 教你如何使用边框背景。
  8. Box-shadow, one of CSS3’s best new features – 阴影效果制作演示教程。
  9. RGBA colors – 如何给你的颜色添加透明度。
  10. How to get @font-face to work in IE – 一个允许你在IE浏览器中嵌入字体的技巧。
  11. Web Fonts – 从一个分开的列表中嵌入字体的好教程 。       alistapart

12.  Fonts available for @font-face embedding –不管这个页面有多丑陋– 这是目前可以使用@font-face嵌入字体的一个不错的列表。

Webfonts

13.  Handcrafted Bulletproof CSS – 本教程的作者Dan Cederholm将会带领你如何通过一个虚拟式案例学习web设计中最重要的细节.

Handcrafted Bulletproof CSS

CSS3教程:

  1. HTML 5 and CSS 3: 这是一个你即将要使用到的技术,也是 一个非常有用的教程,通过学习你便可以自己创建一个带有CSS3特征的HTML5的网站。

HTML 5 and CSS 3

2.  Liquid faux columns with background-size the CSS3 way – 看一看这篇文章,你会发现改变背景图片的大小原来可以使得你的生活更加美好和舒适。

Liquid faux columns with background-size

3.  CSS3 Opacity – 如何给你的图片和文本添加半透明效果。

CSS3 Opacity

4. CSS3 Text-Wrapping – 如何在CSS3中正确使用文本围绕的属性。

5. Introducing the CSS3 Multi-Column Module – W3C多栏模板是一个CSS3草拟框架, 由W3C提出,目的是为了扩展现有CSS盒子模型。

CSS3 Multi-Column Module

6. Rounded Corner Boxes the CSS3 Way – 本文向你解释如何利用CSS3创建圆角效果区块,是一篇非常值得一读的好文章。

Rounded Corner Boxes the CSS3 Way

7. Css3 Attribute selectors – 这是一篇介绍如何在CSS3中使用高级属性选择器的教程,非常的棒哦!

8. A mock-up interface using CSS3 Colour – 一个很酷的CSS3实模例子:颜色在CSS3中可能实现的效果。     A mock-up interface using CSS3 Colour

你也可以点击这里看看真实的显示效果:演示.

9. Making an image gallery with :target – 如何运用新的CSS3选择器:target pseudo-class

Making an image gallery

10. Styling Forms with Attribute Selectors – 一个来自Dev.Opera的了不起的教程:支持属性选择器的样式化表单。

11. Tooltips with CSS3 – 如何利用 :before (or :after) 伪类元素和内容属性,配合:hover伪类 创建美观工具提示。

Tooltips with CSS3

12. Stay on :target with CSS3 – :CSS3目标伪类选择器

stay-on-target

13. CSS3 and International Text – 目前CSS3模块发展概要,介绍大量的支持非拉丁文字的属性.

CSS3 and International Text

14. Using CSS 3 selectors to apply link icons – 一篇讲述如何给链接添加手绘图标的速成教程。

15. 语义码: put more in, get more out with CSS3 – 一个速成教程:演示了如何使用语义以获得更加完美的CSS3选择器。

语义码

16. CSS 3 selectors explained –一个来自456 Berea St的详细解释CSS3选择器的极好教程.

CSS3选择器

17.CSS text shadows and background sizing – 一篇来自Dev.Opera的好文章,仔细阅读后会教会你如何给文本添加阴影效果和改变背景图片的大小。

给文本添加阴影效果和改变背景图片的大小

我们十分期待你会从这些教程中发现一些有价值的东西,也许其中存在遗漏,请大家不吝指正,或者如果你发现还有比这更加好的相关教程,不妨告诉我?十分感谢!

原文:thinkvitamin

如无特别说明,本站文章皆为原创,若要转载,必须注明以下原文信息:
日志标题: 《30个学习CSS3的必备教程》
日志链接: http://www.chenchunlin.info/30-essential-css3-tuts.html
博客名称: Chenchunlinblog

This entry was posted in 网络资源 and tagged , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

分享这篇文章:


相关文章:

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>