HTML链接到CSS

时间:2015-03-11 02:02:19

标签: html css

如何将CSS工作表链接到HTML工作表。

我有

<html>
<head>
    <link rel="stylesheet" type="text/css" href="CSS.css">
</head>
<body>
    <h1> Hi </h1>
</body>
</html>

我的CSS页面是

h1 {
    color: orange;
    text-align: center;
}

我的CSS页面称为“CSS”,HTML页面称为“HTML”

我右键点击了HTML文档,然后用谷歌浏览器按下打开我只看到“Hi”的黑色标题1级

2 个答案:

答案 0 :(得分:1)

您的CSS文件需要与html页面位于同一文件夹中。它也需要完全相同的情况,大写CSS小写css扩展。 (CSS.css)

folder/index.html
folder/CSS.css

答案 1 :(得分:0)

这里可能存在一些问题:

  1. 将文件名保持为小写。 Linux服务器区分大小写,而Windows服务器则不区分大小写。如果您需要切换,请将文件名保存在小写字母中可以避免出现问题。

  2. 确保您设置了文档类型,否则您的浏览器将恢复为怪异模式并可能导致问题。

  3. 确保您的文件位于适当的位置。因为你的html直接链接到CSS.css并且不使用相对路径,所以它们应该在同一个文件夹中。