首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >HTML不会链接到Visual Studio代码中的CSS文件

HTML不会链接到Visual Studio代码中的CSS文件
EN

Stack Overflow用户
提问于 2016-10-05 07:57:04
回答 3查看 46.4K关注 0票数 -1

我正在尝试将我的css格式链接到HTML文档。

如你所见,我的CSS is link是

代码语言:javascript
复制
<link rel="stylesheet" href="css/style.css" />

我的css文件名为style.css,位于一个名为CSS的文件夹中。为什么它没有链接?

EN

回答 3

Stack Overflow用户

发布于 2017-05-02 10:21:06

我将添加属性type和值"text/css“,您的链接标记将如下所示:

代码语言:javascript
复制
<link rel="stylesheet" href="css/style.css" type="text/css"
票数 2
EN

Stack Overflow用户

发布于 2016-10-05 08:00:38

问题是:你的html文件在哪里?显然不在根文件夹中,而可能在另一个子文件夹中。尝尝这个

代码语言:javascript
复制
<link rel="stylesheet" href="../css/style.css" />

这将导航到上一级,然后进入css文件夹。

票数 1
EN

Stack Overflow用户

发布于 2018-08-10 13:28:19

如果你正在将静态文件加载到html中,那么你应该在html代码中提到你正在显式地加载静态文件。请参见以下代码:

代码语言:javascript
复制
{% load staticfiles %}
<html>

<head lang="en">

    <title>SuperStore DashBoard</title>
    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="{% static 'css/superstore.css' %}" />
    <link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap.css' %}" />
    <script src="{% static 'js/bundle.js' %}"></script>
    <script src="{% static 'js/superstore.js' %}"></script>

</head>
<body>
</body>

</html>

这两个是css静态文件

代码语言:javascript
复制
href="{% static 'css/superstore.css' %}"
href="{% static 'css/bootstrap.css' %}" 

这些是静态javascript文件

代码语言:javascript
复制
src="{% static 'js/bundle.js' %}"
src="{% static 'js/superstore.js' %}"

css和js是visual studio代码中的文件夹名称。

代码语言:javascript
复制
{% load staticfiles %}

在html代码开始之前,你必须提到静态文件。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39863458

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档