3.2.3 CSS的基本功能
XHTML 可以与层叠样式表(CSS)一起使用来最终实现显示的效果。本节介绍一下有关CSS层叠样式表的基本使用方式。
必知必会:CSS层叠样式表的优势
CSS层叠样式是为了实现在Web页面中将数据与格式分离,从而实现更加丰富的页面效果,同时也能够实现页面格式的批量动态更新。

图3-9 注册登记页面效果
目前的网页排版软件中大量使用了CSS的语法。为了进一步丰富页面的动态效果,往往使用脚本语言与CSS结合,动态控制页面元素的位置、色彩等属性。因此了解CSS的常用属性和设置方式也是脚本编程中非常需要的。
借助CSS层叠样式表可以进一步美化修饰页面,例如,可以使用样式表为页面中的元素添加更多的效果,如颜色、背景、边界、边框等等。在HTML中许多有关格式修饰的属性只有在特定的一些标记中才能使用。而通过样式表可以使原本没有这些属性的标记实现对应的效果。例如:不能直接在HTML的一级标题文字标记<h1>中使用color、face等属性。而借助样式表则可以轻松扩充该标记的功能。
样式表可以使网页设计者的工作更加轻松。如果在一个页面中多处用到同一种字体效果,当然可以使用<font face="Arial" color="blue" size="6">,但是一旦需要对这种格式进行修改,问题随之产生:是否真的需要一个一个修改,或者改一个,然后复制粘贴若干次。答案是否定的。事实上设计人员往往选择使用样式表,设计者只需要指定参数一次,样式就会被整个网站所应用。
样式既可以定义在HTML文档的标记中,也可以单独放在外部的CSS层叠样式表文件中,这样就实现了页面的内容和页面的格式更加彻底地分离,即可以将样式文件作为外部独立的文件来使用。设计者可以将所有的样式信息放在该文件中,所有页面共享这个样式文件,而不需要在每个页面中书写一堆相同的样式代码,这样就可以使页面体积更小,从而减少页面下载的时间。







