2.2 三剑客之——会化妆的CSS

如果把HTML比喻成美女的身材，那么CSS就是包装美女的东西，包括化妆品、衣服和包包等。CSS是Cascading Style Sheet（层叠样式表）的缩写，主要功能是定义网页的外观（如字体、颜色等）显示样式，它可以和JavaScript等浏览器端脚本语言相互结合使用，从而实现美观大方的显示效果。

2.2.1 CSS概述

当网页需要将指定内容按照指定样式显示时，可以利用CSS轻松实现。在网页中有如下两种使用CSS的方式。

■ 页内直接设置CSS：即在当前使用页面直接指定样式，就像化妆品一样直接与美女的脸部进行亲密接触。

■ 第三方页面设置：即在别的网页中单独设置CSS，然后通过文件调用这个CSS来实现指定显示效果。就像围巾和包包一样，起了一个搭配的作用。

在网页设计中常用的CSS属性如表2-1所示。

表2-1 常用CSS属性列表

CSS可以用任何书写文本的工具进行开发，例如常用的文本工具和Dreamweaver等。CSS也是一种语言，这种语言要和HTML或者XHTML语言相结合才起作用。简单来说，CSS是用来美化网页用的，用CSS可以控制网页的外观表现。

2.2.2 CSS的特点

■ CSS语言是一种标记语言，无须编译，可以直接由浏览器执行。

■ 在标准网页设计中CSS负责网页内容的表现。

■ CSS文件也可以说是一个文本文件，它包含了一些CSS标记，CSS文件必须使用css为文件名后缀。

■ 可以通过简单地更改CSS文件，改变网页的整体表现形式，减少我们的工作量，所以它是每一个网页设计人员的必修课。

■ CSS是由W3C的CSS工作组创建和维护的。

2.2.3 CSS的好处

自从引入CSS技术后，给网页技术的发展带来了巨大的冲击，给Web的整体发展带来了革新，并且为网页设计者带来了更为强大的支持。使用CSS后的好处主要体现在如下几个方面。

■ 实现了内容与表现分离，使网页的内容与表现完全分开。

■ 使网页的表现非常统一，并且容易修改。

■ 可以支持多种设备，例如手机、PDA、打印机、电视机、游戏机等。

■ 可以减少网页的代码量，增加网页的浏览速度，减少硬盘的占用空间。