主题:  DW MX里的引用外部CSS问题

五月鱼

职务:普通成员
等级:2
金币:0.0
发贴:72
注册:2004/7/13 17:08:42
#12003/4/1 16:25:19
我想知道引用外部CSS文件时有“链接”和“导入”两种,但是不知道这两种方式之间的区别
还有哪种比较好些呀!!!



想睡得很

职务:普通成员
等级:1
金币:0.0
发贴:63
注册:2002/6/5 14:18:22
#22003/4/1 16:37:18
样式表放在不同的地方,产生作用的范围也不同。大致来说,样式表分为内联样式表和外联样式表,即有页面内放置、外部引用、外部导入三种方式。
   1 、内联样式表

  我们前一课所举的例子,实际上就是一个内联样式表,把样式表规则放在 < HEAD> 和 < /HEAD> 的中间,从而使样式表对整个当前 HTML 页面产生作用。

  内联样式表还包括一种直接插入方式,即单独指定 HMTL 页面中某一个标志,规定其风格样式,可以写为:

   < Table style=" font-size:10pt; color:blue">

  定义该表格内的字符大小为 10pt ,颜色为蓝色。

   2 、外部样式表

  编制一个网站的分类页面,其风格往往是相同的或说是类似的,每次都在 < HEAD> 和 < /HEAD> 中插入相同的繁琐复杂的样式表规则,显然不是我们的愿望。

  写一个样式表,以期实现于各风格相同的不同页面,这一点即可借助于引入外部样式表来实现。并且当外部样式表被更改时,各引用该样式表的 HTML 页面风格也随之发生变化,而不需要手工一个个去更改。

  外部样式表是指建立一个完全独立的文本文件,其扩展名为 .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
}

  我们看到,只是少了 < STYLE> 和注释标记,其余书写外部样式表没有任何改变。输入完毕,保存它为 example.css 。

  有两种办法可以实现引用外部样式表。

   (一)使用 < 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>

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

  这三种方法可以混合使用,即能够在一个页面中,同时使用这三种方法,不过,当样式表信息规则一多,就比较容易产生冲突。比如在引用的数个样式表信息中都有关于对 H1 标题的设定,那么以哪一个为主呢?这时就看哪一个样式表被引用在前,它就是具有第一优先权的。因此我们在处理复杂的样式表信息时,要充分考虑到样式表冲突这一可能性,较好的解决矛盾,使之相互协调匹配。



南宫彩虹

职务:普通成员
等级:2
金币:5.0
发贴:684
注册:2002/1/17 10:13:36
#32003/4/1 17:22:32
眼晕



五月鱼

职务:普通成员
等级:2
金币:0.0
发贴:72
注册:2004/7/13 17:08:42
#42003/4/1 23:08:12
不是很懂呀



阿放

职务:普通成员
等级:1
金币:0.0
发贴:80
注册:2003/3/10 10:04:00
#52003/4/2 16:49:05
连接就是css不是放在该网页中
导入就是要放在该网页中的



南宫彩虹

职务:普通成员
等级:2
金币:5.0
发贴:684
注册:2002/1/17 10:13:36
#62003/4/2 17:20:55
阿放在上个帖子中说
引用:
连接就是css不是放在该网页中
导入就是要放在该网页中的

另外,简单点说,连接容易出问题,而导入以后,更保险出错的小



五月鱼

职务:普通成员
等级:2
金币:0.0
发贴:72
注册:2004/7/13 17:08:42
#72003/4/2 22:24:46
早说呀
就用导入好了
呵呵