网页设计与制作教程（HTML+CSS+JavaScript） 教学配套课件 刘瑞新 第4章 CSS基础.pdfVIP

网页设计与制作教程 网页设计与制作教程 （HTML+CSS+JavaScript） （HTML+CSS+JavaScript） 机械工业出版社同名教材 机械工业出版社同名教材 配套电子教案 配套电子教案 第4章 CSS基础 第4章 CSS基础 4.1 CSS概述 4.1 CSS概述 4.2 CSS与HTML文档的结合方法 4.2 CSS与HTML文档的结合方法 4.3 样式表语法 4.3 样式表语法 4.4 多重样式表的层叠 4.4 多重样式表的层叠 4.5 CSS 的属性单位 4.5 CSS 的属性单位 4.1 CSS概述 4.1 CSS概述 4.1.1 CSS的基本概念 4.1.1 CSS的基本概念 CSS （Cascading Style Sheets，层 CSS （Cascading Style Sheets，层 叠样式表单）简称为样式表，是用于 叠样式表单）简称为样式表，是用于 （增强）控制网页样式并允许将样式信 （增强）控制网页样式并允许将样式信 息与网页内容分离的一种标记性语言。 息与网页内容分离的一种标记性语言。 样式就是格式，在网页中，像文字的大 样式就是格式，在网页中，像文字的大 小、颜色以及图片位置等，都是设置显 小、颜色以及图片位置等，都是设置显 示内容的样式。层叠是指当在HTML文档 示内容的样式。层叠是指当在HTML文档 中引用多个定义样式的样式文件（CSS文 中引用多个定义样式的样式文件（CSS文 件）时，若多个样式文件间所定义的样 件）时，若多个样式文件间所定义的样 式发生冲突，将依据层次顺序处理。 式发生冲突，将依据层次顺序处理。 建立一个定义样式的CSS文件，并让 建立一个定义样式的CSS文件，并让 所有HTML都调用这个CSS文件所定义的 所有HTML都调用这个CSS文件所定义的 样式即可，如图4-1所示。 样式即可，如图4-1所示。 4.1 CSS概述 4.1 CSS概述 4.1.2 CSS的发展历史 4.1.2 CSS的发展历史 1996年12月W3C推出了CSS规范的第一个版本CSS1.0。这 1996年12月W3C推出了CSS规范的第一个版本CSS1.0。这 一规范立即引起了各方的积极响应，随即MicroSoft公司和 一规范立即引起了各方的积极响应，随即MicroSoft公司和 Netscape公司纷纷表示自己的浏览器能够支持CSS1.0，从此 Netscape公司纷纷表示自己的浏览器能够支持CSS1.0，从此 CSS技术的发展几乎一马平川。1998年W3C发布了CSS2.0/2.1 CSS技术的发展几乎一马平川。1998年W3C发布了CSS2.0/2.1 版本。 版本。 早在2001年5月，W3C就着手开发CSS第三版规范，CSS3 早在2001年5月，W3C就着手开发CSS第三版规范，CSS3 规范被分为若干个相互独立的模块。一方面分成若干较小的 规范被分为若干个相互独立的模块。一方面分成若干较小的 模块较利于规范及时更新和发布，及时调整模块的内容；另 模块较利于规范及时更新和发布，及时调整模块的内容；另 外一方面，由于受支持设备和浏览器厂商的限制，设备或者 外一方面，由于受支持设备和浏览器厂商的限制，设备或者 厂商可以有选择的支持一部分模块，支持CSS3的一个子集， 厂商可以有选择的支持一部分模块，支持CSS3的一个子集， 这样将有利于CSS3的推广。 这样将有利于CSS3的推广。 4.1 CSS概述 4.1 CSS概述 4.1.3 CSS3的特点 4.1.3 CSS3的特点 Web开发者可以借助CSS3设计圆角、多背景、用户自定 Web开发者可以借助CSS3设计圆角、多背景、用户自定 义字体、3D动画、渐变、盒阴影、文字阴影、透明度等来提 义字体、3D动画、渐变、盒阴影、文字阴影、透明度等来提 高 Web 设 计 的 质 量 ， 开 发 者 将 不 必 再 依 赖 图 片 或 者 高 Web 设 计 的 质 量 ， 开 发 者 将 不 必 再 依 赖 图 片 或 者 Javascript去完成这些任务，极大地提高了网页开发效率。 Javascript去完成这些任务，极大地提高了网页开发效率。 1．CSS3在选择器上面的支持 1．CSS3在选择器上面的支持 2．CSS3在样式上的支持 2．CSS3在样式上的支持 3．CSS3对于动画的支持 3．CSS3对于动画的支持 4．浏览器对CSS3的兼容性 4．浏览器对CSS3的兼容性 类似于HTML5，没有一种浏览器是完全兼容CSS3的。因 类似于HTML5，没有一种浏览器是完全兼容CSS3的。因 此，本章中的实例可能采用不同的浏览器进行验证，如