Question

我试图将CSS文件加载到HTML来设置样式，除了CSS没有加载。我把两个文件都放在同一个目录中

我有一个名为Homepage.html的HTML文件和一个名为Homepage.css的CSS文件：

<html>
    <title>
            Welcome to Sids World!
            <link rel="stylesheet" type="text/css" href="homepage.css">
    </title>

    <body>
        <div id="header"> <!-- menu here --> 
            This Site is Under Construction 
        </div>
        <div><!-- global division -->
        </div>
    </body>
</html>

此外，我的CSS文件（位于同一目录中）具有以下代码：

body
{
    font-size:100%;
    background-color:red;

}
#header
{
    text-align:center;
    font-size:4em;
    font-family:sans-serif;
    background-color:blue;
}

我希望当加载整个网站的背景为红色且文本周围的背景为蓝色时，但不会发生这种情况。我在这里缺少什么？

两个文件的文件路径是：

C：\西特\罗格斯\ ComputerScience \ SiteForDeploy \ htmlfiles \ Homepage.html

C：\西特\罗格斯\ ComputerScience \ SiteForDeploy \ htmlfiles \ Homepage.css

如果有帮助的话，我正在使用Sublime Text Editor进行处理

Answer 1

你的问题是双重的。首先，您未能为文档指定<head>部分。其次，您的<link>标记位于<title>标记内。 <link>代码应在<head>范围内，但不在<title>范围内。改为这个，你会看到漂亮的颜色：

<html>
<head>
  <title>
    Welcome to Sids World!
  </title>
  <link rel="stylesheet" type="text/css" href="homepage.css">
</head>
<body>
  <div id="header"> <!-- menu here -->
    This Site is Under Construction
  </div>
  <div>   <!-- global division -->
  </div>
</body>
</html>

Answer 2

<html>
    <title>
            Welcome to Sids World!
            <link rel="stylesheet" type="text/css" href="homepage.css">
    </title>

    <body>
        <div id="header"> <!-- menu here --> 
            This Site is Under Construction 
        </div>
        <div>   <!-- global division -->
        </div>
    </body>
</html>

应改为

<html>
    <head>
        <title>
            Welcome to Sids World!
        </title>
        <link rel="stylesheet" type="text/css" href="Homepage.css"/>
    </head>

    <body>
        <div id="header"> <!-- menu here --> 
            This Site is Under Construction 
        </div>
        <div>   <!-- global division -->
        </div>
    </body>
</html>

Answer 3

Css网址区分大小写，因此您需要<link rel="stylesheet" type="text/css" href="Homepage.css">

否则您的代码对我来说很合适http://jsfiddle.net/3deg1h05/

我的CSS根本没有应用。我的错误是什么？

3 个答案: