一个。 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文件
任何帮助都会非常感激。
谢谢....
答案 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 中不起作用