第5章 使用CSS样式表修饰页面VIP专享VIP免费

网页设计5.1CSS概述5.2CSS的类型5.3创建样式5.4样式的其他操作5.5常用的CSS设置5.6实践技能训练-----利用CSS修饰页面第5章使用CSS样式表修饰页面经常上网的人都会有这样的经验，将浏览器经常上网的人都会有这样的经验，将浏览器的显示字体变大或变小，网页中的文字也会随着发的显示字体变大或变小，网页中的文字也会随着发生变化。虽然有时会给浏览者带来帮助，但是也会生变化。虽然有时会给浏览者带来帮助，但是也会对网页的布局产生影响，网页的版面会变得参差不对网页的布局产生影响，网页的版面会变得参差不齐。但是如果使用齐。但是如果使用CSSCSS，网页中的文本始终不随之，网页中的文本始终不随之发生变化，总是保持原有的外观，现代网页制作离发生变化，总是保持原有的外观，现代网页制作离不开不开CSSCSS技术，采用技术，采用CSSCSS技术，可以有效地对页技术，可以有效地对页面布局、字体、背景和其他效果实现更加精确的控面布局、字体、背景和其他效果实现更加精确的控制。用制。用CSSCSS不仅可以制作令浏览着赏心悦目的网页，不仅可以制作令浏览着赏心悦目的网页，还能给网页添加许多特效。创建还能给网页添加许多特效。创建CSSCSS样式表的过程，样式表的过程，就是对各种就是对各种CSSCSS属性的设置过程，所以了解和掌握属性的设置过程，所以了解和掌握CSSCSS属性设置非常重要。属性设置非常重要。第5章使用CSS样式表修饰页面CSSCSS（（CascadingStyleSheetsCascadingStyleSheets层叠样式表）是一种层叠样式表）是一种制作网页的新技术，已经成为网页设计必不可少的工具之一。目前，制作网页的新技术，已经成为网页设计必不可少的工具之一。目前，InternetExplorer4.0InternetExplorer4.0、、NetscapeNavigator4.0NetscapeNavigator4.0或更或更高版本的浏览器都能正确的显示带有高版本的浏览器都能正确的显示带有CSSCSS样式的网页，使用样式的网页，使用CSSCSS样式不仅可以轻松地网页中的对象产生动态效果，同时还简化了样式不仅可以轻松地网页中的对象产生动态效果，同时还简化了HTMLHTML中各种繁琐的标签，使得各个标签的属性更具有一般性和中各种繁琐的标签，使得各个标签的属性更具有一般性和通用性。通用性。CSSCSS样式甚至超越了样式甚至超越了WebWeb页面本身的显示功能，将样页面本身的显示功能，将样式扩展到多媒体上，可显示出令人难以抗拒的强大魅力。简言之，式扩展到多媒体上，可显示出令人难以抗拒的强大魅力。简言之，应用应用CSSCSS样式就可以使网页锦上添花。样式就可以使网页锦上添花。CSSCSS样式的主要功能如下样式的主要功能如下::可以更加灵活地控制网页中文字的字体、大小、颜色等属可以更加灵活地控制网页中文字的字体、大小、颜色等属性。性。可以精确地控制网页中各个元素的位置。可以精确地控制网页中各个元素的位置。简化代码，提高下载速度。简化代码，提高下载速度。可以和脚本语言相结合，从而使网页中的元素实现动态效可以和脚本语言相结合，从而使网页中的元素实现动态效果。果。代码兼容性更好。代码兼容性更好。5.1CSS5.1CSS概述概述5.2.15.2.1标签样式标签样式在前面第在前面第11章中介绍的章中介绍的HTMLHTML语言属于标签语言，很多标语言属于标签语言，很多标签都是成对出现的。对于签都是成对出现的。对于HTMLHTML标签的样式定义，被称为标签样式。标签的样式定义，被称为标签样式。而有些而有些HTMLHTML标签，如标签，如

标签，不是成对出现的，就不能设标签，不是成对出现的，就不能设定样式。定样式。例如，链接符号例如，链接符号aa引号的样式即是标签样式。如下：引号的样式即是标签样式。如下：a{color:#000099;font-size:9pt;text-a{color:#000099;font-size:9pt;text-decoration:none}decoration:none}标签标签aa的样式包括颜色（的样式包括颜色（colorcolor）、字号：（）、字号：（font-sizefont-size）、）、文字的修饰（文字的修饰（text-decorationtext-decoration），网页之中所有的链接文字（因），网页之中所有的链接文字（因为链接文字两端都会有为链接文字两端都会有ERROR[Basicsy...