0

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

湾。href - 当我尝试从外部添加 css 文件时它不起作用。

我的样式.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>

但它将输出显示为黑色的“检查 css 样式”。实际上输出应该是蓝色的“检查css样式”。

C。进口 - 它不工作。

导入.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文件

任何帮助将非常感激。

谢谢....

4

3 回答 3

0

谢谢大家。

如果我在样式元素之间有@import,它会起作用。

在我添加属性 rel="stylesheet" 后,链接元素就起作用了。

但我有一些问题。

除了 IE,反斜杠不起作用?因为如果我指向具有 c:\ 之类路径的文件,它在 firefox 和 chrome 中不起作用

于 2013-04-12T06:51:01.273 回答
0

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

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

@import url(mystye.css);

您的语法更多的是 Sass/更少相关,而不是 CSS。

还要注意文件名。

此外,在打开h1标签之前,您应该先打开body标签

于 2013-04-10T07:34:29.347 回答
0

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

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

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

@import函数仅在样式表中起作用,因此您可以在 .css 文件中使用它或将其包装在<style>标签中:

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

最后一点,在该<head>部分中,它需要有一个<title>元素。你不能跳过这个。

于 2013-04-10T07:34:41.863 回答