理论教育 网页设计与制作:CSS概述

网页设计与制作:CSS概述

时间:2023-11-04 理论教育 版权反馈
【摘要】:CSS是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。1998年5月,发布了CSS 2.0版本。图7-1查看站点的源文件代码在文档的<head>区,找到CSS文件的引用位置。

网页设计与制作:CSS概述

CSS是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。样式就是格式,在网页中,像文字的大小、颜色以及图片位置等,都是设置显示内容的样式。层叠是指当在XHTML文档中引用多个定义样式的样式文件(CSS文件)时,若多个样式文件间所定义的样式发生冲突,将依据层次顺序处理。

1.CSS的作用

在网页设计中引入CSS的目的就是使结构与样式分离,网页的结构用XHTML的标记定义,网页的外观样式用CSS定义。当多个网页采用相同的外观样式时,只要建立一个定义样式的CSS文件,让XHTML调用这个CSS文件所定义的样式即可。以后要更改XHTML文件中某段落的样式时,只需更改CSS文件中的样式定义,而不需要再一页一页地更改XHTML文档。CSS不仅可以使用在XHTML中,还可以用在XML、JavaScript中。CSS功能强大,CSS的样式设定功能比XHTML多,几乎可以定义所有的网页元素,CSS的语法比XHTML的语法还容易学习,CSS已经成为网页设计必不可少的工具之一。

2.CSS的发展

1997年,W3C在颁布HTML 4.0标准的同时,公布了有关样式表的第一个标准CSS 1.0。1998年5月,发布了CSS 2.0版本。

W3C把DHTML(Dynamic HTML)分为3个部分来实现:脚本语言(包括JavaScript、VBScript等)、支持动态效果的浏览器(Internet Explorer 4.0、Netscape Navigator 4.0以上版本,有些效果需要更高版本的浏览器支持)和CSS。

3.CSS的编辑方法

CSS的编辑方法同XHTML文档一样,可以用任何文本编辑器或网页编辑软件,还可以用专门的CSS编辑软件。

4.CSS的查看方法

若要查看某站点的样式表,操作步骤如下:(www.daowen.com)

(1)在浏览器中打开某一站点。

(2)选择“查看”→“源文件”,如图7-1所示,将打开源文档。

图7-1 查看站点的源文件代码

(3)在文档的<head>区,找到CSS文件的引用位置。

(4)将该地址复制并粘贴到浏览器地址栏中。例如,可以在浏览器地址栏中输入http://www.imobile.com.cn/css/css.css。

(5)浏览器将以普通文本方式显示样式表。如果已经安装Dreamweaver、FrontPage等网页制作软件,将在这类软件中打开.css文件。本例就是在Dreamweaver中打开了CSS文档,如图7-2所示。

图7-2 显示样式表

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈