外部CSS样式表在网页制作中的作用-百虎谷网

外部样式表是指建立一个完全独立的文本文件，其扩展名为 .css ，文件内容则输入样式表信息，除去任何相关的 HTML 语言。例如在外部样式表中输入： body { line-height: 130pt} H1,H2,H3,H4,H5,H6 { color: red; text-decoration: underline; font-family: " 黑体 " } b { font-style: italic; color: #FF3333; text-decoration: underline}
有两种办法可以实现引用外部样式表。　

一、使用 < LINK> 标记链接外部样式表

用以下语句来实现外部样式表的链接：< LINK REL=STYLESHEET HREF=“example.css”>
HREF 中应包含路径信息，这里所指是该样式表文件与 HTML 文档在同一目录下。
一个 HTML 文档中可以引用多个外部样式表，例如：

< LINK REL=STYLESHEET HREF="example.css">
< LINK REL=STYLESHEET HREF="style/other.css">
首先链接的 example.css 作为该文档缺省样式表，当样式定义产生冲突时，应当首先满足前者。

二、使用@IMPORT 导入样式表信息

使用 @import 命令用以把外部样式表信息导入页面中，它是存在于在 < STYLE> 和 < /STYLE> 标记中的。例如： < STYLE TYPE=“text/css”> @import “example.css”; @import “style/other.css”; < /STYLE>

显然，这个方法也可以同时引用多个外部样式表信息，样式表产生作用的优先级按照导入的先后顺序来设定。

三、CSS样式规则的优先级

即：局部和全局，且局部>全局

举例：h1的使用css2.htm
<html><head><title>无标题文档</title>
<style type="text/css">
h1{font-color:red;font-size: 9px;}
</style>
</head>
<h1><font color="green">This text is centered and green!</h1>
<h1>This text is centered and red!</h1>
</body></html><link href="mystyles.css" rel="stylesheet" type="text/css">
还有在head中定义与在需要时定义style=***

百虎谷互联网技术博客

关键词博客：搜索引擎探究、搜索技巧、网络技术、网站制作等！

导航

2009-5-9 0:52:52