现在，我们已经对CSS 3的模块和模块化结构有了一个初步的认识，那么，究竟我们能够用CSS 3来做些什么呢？这里，我们通过一个示例来将CSS 2与CSS 3做一个对比，借此对CSS 3有一个初步的印象。在这个示例中，

关键词： 示例 

18 2　使用CSS 3能做什么18 2 1　模块与模块化结构在CSS 3中，并没有采用总体结构，而是采用了分工协作的模块化结构，这些模块如表18-1所示。那么，为什么需要分成这么多模块来进行管理呢？这是为了避免产生浏

关键词： 模块  结构 

接下来，我们从总体上看一下CSS的发展历史。CSS 1。1996年12月，CSS 1（Cascading Style Sheets，level 1）正式推出。在这个版本中，已经包含了font的相关属性、颜色与背景的相关属性、文字的相关属性、box

关键词： 历史 

18 1　概要介绍18 1 1　CSS 3是什么首先，我们对CSS 3做一个概要的介绍。什么是CSS 3？CSS 3是CSS技术的一个升级版本，是由Adobe Systems、Apple、Google、HP、IBM、Microsoft、Mozilla、Opera、Sun Micro

关键词： 　CSS  3  是  什么 

从2010年开始，HTML 5与CSS 3就一直是互联网技术中最受关注的两个话题。2010年MIX10大会上微软的工程师在介绍IE9时，从前端技术的角度把互联网的发展分为三个阶段：第一阶段是Web 1 0的以内容为主的网络，前端

关键词： 概述 

前　言上册第1章Web时代的变迁 11 1迎接新的Web时代 11 1 1HTML 5时代即将来临 11 1 2HTML 5的目标 31 2HTML 5深受欢迎的理由 41 2 1世界知名浏览器厂商对HTML 5的支持 41 2 2第一个理由：时代的要求

关键词： 目录 

为何写作本书2014年10月28日，W3C的HTML工作组正式发布了HTML 5的正式推荐标准（W3C Recommendation），这一消息是W3C在美国圣克拉拉举行的W3C技术大会及顾问委员会会议（TPAC 2014）上宣布的。HTML 5在这一

关键词： 前言 

下册详细介绍了CSS 3中各种新增样式与属性，其中主要包括CSS 3中的各种选择器、文字与字体、背景与边框、各种盒模型、CSS 3中的布局方式、CSS 3中的变形与动画、CSS 3中与媒体类型相关的一些样式与属性等。

关键词： 下册  权威  指南 

因为很多浏览器尚未对HTML 5中新增的结构元素提供支持，我们无法知道客户端使用的浏览器是否支持这些元素，所以需要使用CSS追加如下声明，目的是通知浏览器页面中使用的HTML 5中新增元素都是以块方式显示的，如

关键词： 样式  元素  结构 

关于内容区块的编排，可以分为显式编排与隐式编排两种方式。1 显式编排内容区块显式编排是指明确使用section等元素创建文档结构，在每个内容区块内使用标题（h1～h6、hgroup等），如代码清单3-25所示。代码清单3

关键词： 大纲  规则 

3 3　HTML 5中网页结构前面两节详细介绍了在HTML 5中具体新增了哪些结构元素以及这些元素的定义和使用方法。在HTML 5中，可以使用这些结构元素来编排一份网页大纲，通过该网页大纲，我们可以一目了然地知道网

关键词： 大纲 

main元素表示网页中的主要内容。主内容区域指与网页标题或应用程序中本页面主要功能直接相关或进行扩展的内容。该区域应该为每一个网页中所特有的内容，不能包含整个网站的导航条、版权信息、网站LOGO、公共搜索

关键词： 元素 

address元素用来在文档中呈现联系信息，包括文档作者或文档维护者的名字、文档作者或文档维护者的网站链接、电子邮箱、真实地址、电话号码等。address应该不只是用来呈现电子邮箱或真实地址，还可以用来展示跟文

关键词： 元素 

footer元素可以作为其上层父级内容区块或一个根区块的脚注。footer通常包括其相关区块的脚注信息，如作者、相关阅读链接以及版权信息等。在HTML 5出现之前，我们使用下面的方式编写页脚，如代码清单3-14所示。代

关键词： 元素 

3 2　新增的非主体结构元素除了以上几个主要的结构元素之外，HTML 5内还增加了一些表示逻辑结构或附加信息的非主体结构元素。3 2 1　header元素header元素是一种具有引导和导航作用的结构元素，通常用来放置整个

关键词： 元素 

putdate属性是一个可选的boolean值的属性，它可以被应用到article元素中的time元素上，意思是time元素代表了文章（artilce元素的内容）或整个网页的发布日期，putdate属性的具体使用方法如代码清单3-10所示。代码

关键词： 属性 

首先来说一下微格式，它是一种利用HTML的class属性来对网页添加诸如新闻事件发生的日期和时间、个人电话号码、企业邮箱之类的附加信息的方法。微格式并不是在HTML 5之后才有的，在HTML 5之前它就和HTML结合使用

关键词： 元素  格式 

aside元素用来表示当前页面或文章的附属信息部分，它可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条，以及其他类似的有别于主要内容的部分。aside元素主要有以下两种使用方法。1）包含在article

关键词： 元素 

nav元素是一个可以用来作为页面导航的链接组，其中的导航元素链接到其他页面或当前页面的其他部分。并不是所有的链接组都要放进nav元素，只需要将主要的、基本的链接组放进nav元素即可。例如，在页脚中通常会有一

关键词： 元素 

section元素用来对网站或应用程序中页面上的内容进行分块，一个section元素通常由内容及其标题组成。但section元素并非一个普通的容器元素；当一个容器需要直接定义样式或通过脚本定义行为时，推荐使用div元素而

关键词： 元素