Namespaces 定义使用命名空间时的语法。 Media Queries 根据媒体类型来实现不同的样式 Reader Media Type 定义用于屏幕阅读器之类的阅读程序时的样式 Multi-column Layout在页面中使用多栏布局方式 Template Layout 在页面中使用特殊布局方式 Flexible Box Layout 创建自适应浏览器窗口的流动布局或自适应字体大小的弹性布局 Grid Position 在页面中使用风格布局方式 Generated Content for 在页面中使用印刷时使用的布局方式。 Paged Media 2. 2cSS 3=hTML 5 CSS3常被误解为HTML5的一个子集。尽管CSS3和HTM5通 常相互伴随,但是它们含义不同。HTML5是HTML( Hyper Text Markup Language)规范的第五版,它用于在HTML文档中定义结构、内容和 功能。HTML5支持新的标签和更丰富媒体内容,而CSS3定义用于 定制用户界面呈现方式的新规则。具体来说,CSS3定义HTML内容 在浏览器中的实际显示方式。 在标准发布上,HTML5和CSS3的标准是独立发布的,且有不 同的工作组开展工作。 2.3浏览器对CSS3的兼容性 CSS3得到了浏览器的广泛支持,具体的浏览器支持情况,可以 通过http://www.w3.org/style/css/Software#browsers来进行查 询 网站http://caniuse.com提供了在线的CSS3的浏览器支持列 表。可以通过CSS3属性索引和对比表格的方式,方便的查看浏览器 的支持情况。 Modernize是一个用来检测浏览器功能支持情况的 JavaScript 库。目前,通过检验浏览器对一系列测试的处理情况, Modernize可 以检测18项CSS3功能以及40多项关于HTM5的功能。它比传统检 测浏览器名称(浏览器嗅探)的方式更为可靠。且测试速度很快 5《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/htp/ bs. 51xueweb cn5 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn Namespaces 定义使用命名空间时的语法。 Media Queries 根据媒体类型来实现不同的样式。 'Reader' Media Type 定义用于屏幕阅读器之类的阅读程序时的样式。 Multi-column Layout 在页面中使用多栏布局方式。 Template Layout 在页面中使用特殊布局方式。 Flexible Box Layout 创建自适应浏览器窗口的流动布局或自适应字体大小的弹性布局。 Grid Position 在页面中使用风格布局方式。 Generated Content for Paged Media 在页面中使用印刷时使用的布局方式。 2.2CSS 3 != HTML 5 CSS 3 常被误解为 HTML 5 的一个子集。尽管 CSS 3 和 HTML 5 通 常相互伴随，但是它们含义不同。HTML 5 是 HTML（Hyper Text Markup Language）规范的第五版，它用于在 HTML 文档中定义结构、内容和 功能。HTML 5 支持新的标签和更丰富媒体内容，而 CSS 3 定义用于 定制用户界面呈现方式的新规则。具体来说，CSS 3 定义 HTML 内容 在浏览器中的实际显示方式。 在标准发布上，HTML 5 和 CSS 3 的标准是独立发布的，且有不 同的工作组开展工作。 2.3 浏览器对 CSS 3 的兼容性 CSS 3 得到了浏览器的广泛支持，具体的浏览器支持情况，可以 通过 http://www.w3.org/Style/CSS/software#browsers 来进行查 询。 网站 http://caniuse.com/提供了在线的 CSS 3 的浏览器支持列 表。可以通过 CSS 3 属性索引和对比表格的方式，方便的查看浏览器 的支持情况。 Modernizr 是一个用来检测浏览器功能支持情况的 JavaScript 库。目前，通过检验浏览器对一系列测试的处理情况，Modernizr 可 以检测 18 项 CSS3 功能以及 40 多项关于 HTML5 的功能。它比传统检 测浏览器名称（浏览器嗅探）的方式更为可靠。且测试速度很快，一