摘要： canvas 元素用于在网页上绘制图形。getContext("2d") 对象是内建的 HTML5 对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。fillStyle 方法将其染成红色，fillRect 方法规定了形状、位置和尺寸。线条圆形渐变图像HTML5 内联 SVGSVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失SVG 是万维网联盟的标准与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG 阅读全文

摘要： 新特性应该基于 HTML、CSS、DOM 以及 JavaScript。减少对外部插件的需求（比如 Flash）更优秀的错误处理更多取代脚本的标记HTML5 应该独立于设备开发进程应对公众透明新特性HTML5 中的一些有趣的新特性：用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离线存储的更好的支持新的特殊内容元素，比如 article、footer、header、nav、section新的表单控件，比如 calendar、date、time、email、url、search浏览器支持最新版本的 Safari、Chrome、Firefox 以及 Opera 支 阅读全文

摘要： nternet Explorer 10 和 Opera 支持多列属性。Firefox 需要前缀 -moz-。Chrome 和 Safari 需要前缀 -webkit-。注释：Internet Explorer 9 以及更早的版本不支持多列属性。column-count 属性规定元素应该被分隔的列数：column-gap 属性规定列之间的间隔：div{-moz-column-rule:3px outset #ff0000; /* Firefox */-webkit-column-rule:3px outset #ff0000; /* Safari and Chrome */column-rule 阅读全文

摘要： Internet Explorer 10、Firefox、Chrome 以及 Opera 支持 transition 属性。Safari 需要前缀 -webkit-。注释：Internet Explorer 9 以及更早的版本，不支持 transition 属性。注释：Chrome 25 以及更早的版本，需要前缀 -webkit-。CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。必须规定两项内容：规定您希望把效果添加到哪个 CSS 属性上规定效果的时长实例应用于宽度属性的过渡效果，时长为 2 秒：div{transition: width 2s;-moz-transition: widt 阅读全文

摘要： CSS3 边框border-radiusbox-shadowborder-imageInternet Explorer 9+ 支持 border-radius 和 box-shadow 属性。Firefox、Chrome 以及 Safari 支持所有新的边框属性。注释：对于 border-image，Safari 5 以及更老的版本需要前缀 -webkit-。Opera 支持 border-radius 和 box-shadow 属性，但是对于 border-image 需要前缀 -o-。CSS3 圆角边框div{border:2px solid;border-radius:25px;-moz 阅读全文