html入门教学资源,70个必备的CSS3和HTML5教程资源

CSS3 和 HTML5 足以够彻底改变网站设计的现状。许多新的特性和功能，以前可能需要想破头皮使用各种手段去实现。然而当 CSS3 和 HTML5 将其纳入本地属性后，无论是圆角效果还是多栏布局，一切变得简单易用。

CSS3 教程和资源

CSS3 Property Tests – 概述了目前 CSS3 特性的浏览器支持情况。

CSS3 Selectors Explained – 概述了一些 CSS3 选择器，包括选择器语法。

CSS3 Borders Preview – 介绍了一些 CSS3 新的边框类型，包括圆角边框和梯度边框。

Box Shadow – 为元素创建阴影效果。

RGBA Colors – RGB 颜色的 Alpha 透明效果使用指南。

CSS3 Multiple Columns – 利用比以往更简便的 CSS3 方法，创建多栏式布局。

@font-face in IE: Making Web Fonts Work – 让 Internet Explorer 支持 @font-face 属性。

CSS3 RGBA – 使用新的 RGBA 功能创建透明颜色。

CSS3 Opacity – CSS3 透明/不透明效果指南。

Multiple Backgrounds – 虽然目前只有 Safari 支持，但能够使用多背景图片是一项非常酷的新功能。

CSS3 Color Names – CSS3 支持 147 种不同的颜色名称(包括 17 种标准色及另加的 130 种色彩)。当然，同样支持 RGB 和十六进制颜色代码。

CSS Template Layout Module – 此模块将使设计更加先进，多栏 CSS 布局容易很多。

Fonts Available for @font-face Embedding – 涵盖目前所有被 @font-face 属性所许可的网页字体，提供字体下载链接。

CSS3 Multiple Columns – 又一份方便的 CSS3 多栏功能参考手册。

Word-Wrap – 介绍 CSS3 的文字换行功能。

Semantic Code: Put More In, Get More Out – 一个快速教程，涉及 CSS3 选择器使用和语义，以及为网站添加新功能的方法。

Introduction to CSS3—Part 4: User Interface – 操纵元素 (element)，游标 (cursor)，框布局 (box layout)，和其他用户界面功能的教程。

Making an Image Gallery with :Target – 使用目标伪类 (:target pseudo-class) 创建图片画廊。

CSS: Transition Timing Functions – 介绍了 CSS3 的过渡期限 (transition-duration) 和过渡定时功能 (transition-timing-function) 特性。

CSS3 Corporate Fun – 使用下拉菜单和过渡效果建立企业式的导航栏。

CSS3 Cheat Sheet – CSS3 中的 PDF 文档包含功能。

CSS3 和 HTML 5 组合资源

When Can I Use… – 查一查哪些浏览器支持 CSS3 和 HTML5 新特性，哪些浏览器不支持。

The Power of HTML 5 and CSS3 – 使用 HTML5 和 CSS3 技术结合开发的可能性概览。

HTML 5 资源

A Preview of HTML 5 – 提供了一些关于 HTML5 特性和优点的资料。

HTML 5 Cheat Sheet – 利用 HTML5 的新特性和功能打造可下载的 PDF 表。

HTML 5 Boilerplates – 一些可用 HTML5 样板的快速指南。

Preparing for HTML 5 with Semantic Class Names – 概述 HTML5 新的结构元素，阐述如何准备在 HTML 4.0.1 或 XHTML 1.0 中使用语义类别名称。

HTML 5 Canvas—The Basics – 使用 HTML5 画布元素 (canvas element) 的完整指南。

HTML 5 + XML = XHTML 5 – 概览 HTML5 怎样和 XML 实现交互。

The Video Element – 介绍 HTML5 全新的视频元素。

更多资源

30 Essential CSS3 Resources 来源于 Carsonified’s Think Vitamin blog 博客。

20 Very Useful CSS3 Tutorials 来源于 Speckyboy Design Magazine 博客。

23 Essential HTML 5 Resources 来源于 Carsonified’s Think Vitamin blog 博客。