Question

我有一个包含home.html，home.css和图片文件夹的文件夹。

由于某种原因，我的html文件不会使用我的css文件。

这些是位于html文件头部的样式表行

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<link href="home.css" rel="stylesheet">

我能够使用

在humbotron中显示html所需的图像

<img src="img/SANDLOTS_Logo_DESIGN_08242016.jpg" style="width: 100%;">

所以我相信我能够创建正确的路径，但由于某种原因，我仍然无法让我的自定义css生效。

我的文件结构是：

sandlots
---home.css
---home.html
---img
---------'img/SANDLOTS_Logo_DESIGN_08242016.jpg'

我也尝试过在html中插入css，就像这样

  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <style>
        .body {
        background-image: url('img/SANDLOTS_Logo_DESIGN_08242016.jpg');

}
    </style>

Answer 1

如果您的内部样式工作正常，则问题来自您的文件的链接或路径。

但是，如果您的内部样式不能正常工作，问题可能来自您的选择器。

如果您的意思是选择 .body 的正文标记，则无需在正文之前添加。。只需写下 body {} 。

Answer 2

你忘记了type="text/css"。根据{{3}}，这对于较旧的html版本是必要的。

为什么我的CSS没有连接到我的HTML？

2 个答案: