src,href和import无效

时间:2013-04-10 07:27:15

标签: html css web

一个。 src - 当我使用“img src”时,在Firefox中没有加载图像。加载chrome和IE。

湾href - 当我试图在外部添加css文件时,它无法正常工作。

mystyle.css

h1, h2, h3 {
color: #36C;
font-weight: normal;
letter-spacing: .4em;
margin-bottom: 1em;
text-transform: lowercase;
}

css.htm

<head>
<link type="text/css" href="C:\Divakar_Repository\html_learning\mystyle. css">
</head>
<h1>CHEcking the css style</h1>

但它以黑色显示输出为“CHEcking the css style”。 实际上,输出应该是“用蓝色检查css样式”。

℃。导入 - 它无法正常工作。

import.htm

<head>
@import "C:\Divakar_Repository\html_learning\mystyle.c ss";
</head>
<h1> CHEking the css file </h1>

但是它返回输出如下。

@import“C:\ Divakar_Repository \ html_learning \ mystyle.c ss”; 查看css文件

任何帮助都会非常感激。

谢谢....

3 个答案:

答案 0 :(得分:0)

您必须在使用CSS的地方使用@import,而不仅仅是在head元素中,并使用正确的格式。

您可以通过这种方式在style元素或css文件中@import css文件:

@import url(mystye.css);

你的语法更麻烦/不相关,而不是CSS。

还要注意文件名。

在打开h1代码之前,您应首先打开body代码

答案 1 :(得分:0)

引用样式表时使用相对路径:

<link type="text/css" href="mystyle.css">

链接是相对于您在目录结构中链接的文档的位置,因此请确保路​​径正确。还要确保在奇怪的地方没有空间。

@import函数仅适用于样式表,因此要么在.css文件中使用它,要么将其包装在<style>标记中:

<style>
@import url(mystyle.css);
</style>

请注意,在<head>部分中,必须有<title>个元素。你不能跳过这个。

答案 2 :(得分:0)

感谢所有人。

如果我在样式元素之间有@import就可以了。

添加属性rel =“stylesheet”后,

和链接元素工作。

但我有一些问题。

除了IE之外,反斜杠不会工作?因为如果我指向文件的路径如c:\它在firefox和chrome

中不起作用