Question

我有以下文件结构：

mysite/
├── css/
│   ├── style.css
│   
├── index.html

我的HTML代码是：

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <title>Home </title>
</head>

但是当我在localhost（xampp）上运行该站点时，它没有使用CSS。只要我知道，我一直这样做，但这次不行。

仅供参考：我在xampp中的Apache确实正在运行。

有人能发现我的错误吗？

Answer 1

试试这个，

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

我假设你的 mysite文件夹中有 css文件夹和 index.html 文件。

要获取css文件，您必须使用上述格式，告诉 index.html 文件转到 css文件夹并获取样式.css 档案

Answer 2

尝试将../css/style.css放回去，你的html文件与css文件不在同一个目录中。

Answer 3

检查开发者控制台中的网络选项卡，看看它是否确实加载。另外，尝试做

style.css?random=number

开发控制台：FF中的F12，Chrome上的CTRL + SHIFT + I。

为什么我的index.html没有把我的style.css放在我的css文件夹中？

3 个答案: