内联CSS样式工作,但外部CSS样式不

时间:2012-10-06 00:15:41

标签: html css html5 firefox stylesheet

我需要帮助。这太荒谬了。

我正在使用Komodo IDE,版本7.1.2和Firefox版本15.0.1。

我创建了一个HTML5文件,如下所示:

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<meta charset="utf-8" />

<title>Web Page</title>

<link rel="stylesheet" type="css/text" href="css/global.css" />

</head>

<body>

<div id="release">Release Date</div>

</body>

</html>

全局样式表包含此内容,位于与名为css的HTML文件相同级别的目录中:

#release {
    text-align: center;
    font: small-caps;
    border-top: solid 1px;
    border-bottom: solid 1px;
    border-right: solid 10px;
}

以下是目录结构的图片:

enter image description here

我将相同的样式放入HTML文件中并且它可以正常工作,但样式不适用于外部样式表。我不是网站开发的新手,所以这对我来说尤其令人费解。

我在两台Windows 7机器和一台Ubuntu 11.10机器上尝试过同样的事情,并且具有相同的异常。

这是小提琴的工作:

http://jsfiddle.net/NKq8N/1/

导致这种情况的原因是什么?

1 个答案:

答案 0 :(得分:3)

<link>属性中,type应为“text / css”,而不是“css / text”。

相关问题