在网页设计中,一个或多个CSS样式可以组成一个样式表。样式表包括内部样式表和外部样式表,它们没有本质区别,都是由一个或者多个样式组成。
内部样式表
内部样式表包含在<style>标签内,一个<style>标签就表示一个内部样式表。而通过标签的style属性定义的样式属性就不是样式表。如果一个网页文档中包含多个<style>标签,就表示该文档包含了多个内部样式表。
2. 外部样式表
如果CSS样式被放置在网页文档外部的文件中,则称为外部样式表,一个CSS样式表文档就表示一个外部样式表。实际上,在网页设计时,外部样式表也就是一个文本文件,扩展名为.css。当把CSS样式代码复制到一个文本文件中后,另存为.css文件,它就是一个外部样式表。
可以在外部样式表文件顶部定义CSS源代码的字符编码。
【示例】下面代码定义样式表文件的字符编码为中文简体。
@charset "gb2312";
如果不设置CSS文件的字符编码,可以保留默认设置,则浏览器会根据HTML文件的字符编码来解析CSS代码。
外部样式表必须导入到网页文档中,才能够被浏览器识别和解析。外部样式表文件可以通过两种方法导入到HTML文档中。使用<link>标签导入使用<link>标签导入外部样式表文件:
<link href="001.css" rel="stylesheet" type="text/css" />
其中,href属性设置外部样式表文件的地址,在网站建设时,可以是相对地址,也可以是绝对地址。rel属性定义该标签关联的是样式表标签,type属性定义文档的类型,即为CSS文本文件。
在<style>标签内使用@import关键字导入外部样式表文件:
<style type="text/css">
@import url("001.css");
</style>
在@import关键字后面,利用url()函数包含具体的外部样式表文件的地址。
当前文章标题:网页设计中的CSS样式表
当前URL:http://www.lyjtt.cn/news/wzzz/3055.html
上一篇:网页设计时的CSS基本用法
下一篇:网页设计时的CSS属性