16 第1章 HTML5概述 footer section article aside nav
标记脚部区域的内容（用于整个页面或页面中的一块区域） Web页面中的一块区域 独立的文章内容 相关内容或者引文 导航类辅助内容
上面所有的元素都能用CSS设定样式。之前说到了HTML5效率优先的设计理念，它推崇表现和内容的分离，所以在HTML5的实际编程中，开发人员必须使用CSS来定义样式。代码清单1-1是一个HTML5页面的概貌，其中使用了新的DOCTYPE、字符集和语义化标记元素——新的片段类元素。示例代码对应的源码在code/intro文件夹中。
代码清单1-1 HTML5示例页面
1.6 HTML5的新功能 17 1
2 3 4 5
6 7 8 8 9
没有样式的页面看起来有些枯燥乏味。代码清单1-2是一些可以用来设置内容样式的CSS代码。需要注意的是，这份样式表使用了CSS3的一些新特性，比如圆角（border-radius）和旋转变换（transform:rotate();）。CSS3同HTML5一样也正在开发过程中，并且为了便于浏览
10 11
18 第1章 HTML5概述 器逐步支持，也采用了模块化的方式发布子规范，例如变换（transformation）、动画（animation）和过渡（transition）分别对应不同的子规范。
CSS3的规范很可能还会变动，CSS3中的功能也处于实验期，因此为了避免命名空间冲突，这些功能都会加上浏览器厂商的前缀。要显示圆角、渐变（gradients）、阴影（shadows）和变形（transformations）的话，需要在声明的部分加上前缀：-moz-（Mozilla浏览器）、o-（Opera浏览器）和-webkit-（Safari和Chrome等基于WebKit核心的浏览器）。
代码清单1-2 HTML5页面对应的CSS文件
1.6 HTML5的新功能 19 1
2 3 4 5 6 7 8
8 9
10 11
20 第1章 HTML5概述