12.1 认识CSS

CSS(Cascading Style Sheet,层叠样式表)是一种制作网页的新技术,现在已经为大多数浏览器所支持,成为网页设计必不可少的工具之一。

网页最初是用HTML标记来定义页面文档及格式,如标题<hl>、段落<p>、表格<table>等,但这些标记不能满足更多的文档样式需求。为了解决这个问题,在1997年W3C(The World Wide Web Consortium)颁布HTML4标准的同时也公布了有关样式表的第一个标准CSS1,自CSS1的版本之后,又在1998年5月发布了CSS2版本,样式表得到了更多的充实。使用CSS能够简化网页的格式代码,加快下载显示的速度,也减少了需要上传的代码数量,大大减少了重复劳动的工作量。

样式表的首要目的是为网页上的元素精确定位。其次,它可以把网页上的内容结构和格式控制相分离。浏览者想要看的是网页上的内容结构,而为了让浏览者更好地看到这些信息,就要通过格式来控制。内容结构和格式控制相分离,使网页可以仅由内容构成,而将所有网页的格式通过CSS样式表文件来控制。

CSS主要有以下优点:

image01 利用CSS制作和管理网页都非常方便,这只是CSS其中一个优点,它还有其他的优点。

image01 CSS可以更加精确地控制网页的内容形式,如前面学过的<font>标记中的size属性,它用来控制文字的大小,但它控制的字体大小只有7级,如果出现需要使用10像素或100像素大的字体的情况,HTML标记就无能为力了。CSS可以办到,它可以随意设置字体的大小。

image01 CSS样式是丰富多彩的,比HTML更加丰富,如滚动条的样式定义、鼠标光标的样式定义等。

image01 CSS的定义样式灵活多样,可以根据不同的情况,选用不同的定义方法,如可以在HTML文件内部定义,可以分标记定义、分段定义,也可以在HTML文件外部定义,基本上能满足需要。