将css文件链接到基本html文档_Html_Css_Django

将css文件链接到基本html文档

html css django

将css文件链接到基本html文档,html,css,django,Html,Css,Django,我有一个django项目，我一直在尝试将css文件链接到base.html文档，开始在我的文件中实现一些css。我已经链接了引导，但我想添加更多的自定义。。。这是我到目前为止得到的 {% load staticfiles %} <!DOCTYPE html> <html> <head> <title>{% block title %}{% endblock %}</title> <link href="{% static

我有一个django项目，我一直在尝试将css文件链接到base.html文档，开始在我的文件中实现一些css。我已经链接了引导，但我想添加更多的自定义。。。这是我到目前为止得到的

{% load staticfiles %}
<!DOCTYPE html>
<html>
<head>
  <title>{% block title %}{% endblock %}</title>
  <link href="{% static 'css/blog.css' %}" rel="stylesheet">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
</head>
<body>
  <div class="container-fluid blue5">
    {% block content %}
    {% endblock %}
  </div>
</body>
</html>

您可以像这样链接CSS和HTML文件：

在HTML代码中：

{% load staticfiles %}
<!DOCTYPE html>
<html>
    <head>
     <title>{% block title %}{% endblock %}</title>
      <link href="{% static 'css/blog.css' %}" rel="stylesheet">
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">


      <link href="pathToYourCSSfile" rel="stylesheet"> 


      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1"     crossorigin="anonymous"></script>
    </head>
    <body>
      <div class="container-fluid blue5">
        {% block content %}
        {% endblock %}
      </div>
    </body>
</html>

{%load staticfiles%}
{%block title%}{%endblock%}
{%block content%}
{%endblock%}

希望这有帮助。

您可以像这样链接CSS和HTML文件：

在HTML代码中：

{% load staticfiles %}
<!DOCTYPE html>
<html>
    <head>
     <title>{% block title %}{% endblock %}</title>
      <link href="{% static 'css/blog.css' %}" rel="stylesheet">
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">


      <link href="pathToYourCSSfile" rel="stylesheet"> 


      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1"     crossorigin="anonymous"></script>
    </head>
    <body>
      <div class="container-fluid blue5">
        {% block content %}
        {% endblock %}
      </div>
    </body>
</html>

{%load staticfiles%}
{%block title%}{%endblock%}
{%block content%}
{%endblock%}

希望这有帮助。

如果您的css文件只包含这两行，最好将它们包含在文档的开头

<head>
    ...
    <script ...>
    <style>
         .blue5 {
             background-color: lightblue,
         }
    </style>
</head>


...
B.蓝色5{
背景颜色：浅蓝色，
}

否则，就像其他css一样，添加一个新的链接标记：

<link href="{% static 'path to your file.css' %}" rel="stylesheet">

如果css文件只包含这两行，最好将它们包含在文档的开头

<head>
    ...
    <script ...>
    <style>
         .blue5 {
             background-color: lightblue,
         }
    </style>
</head>


...
B.蓝色5{
背景颜色：浅蓝色，
}

否则，就像其他css一样，添加一个新的链接标记：

<link href="{% static 'path to your file.css' %}" rel="stylesheet">

问题是。。。是我的css文件路径，我已经有了正确的路径，因为css没有应用到页面上…好的！如果“blog.css”已经起作用了，你为什么不把你的文件放在blog.css的同一个文件夹里呢？然后问题是，我现在有的东西不起作用了。我只是想知道如果我的路径不正确或者我需要创建一个不同的路径。。。我在css文件中的blog.css文件是静态的，但是我没有把它应用到文件中。。我只是想知道路径是不是问题，或者问题是什么…嗯，好吧！您是否尝试将文件中的一些css放到blog.css中，并检查是否看到更改！如果什么也没发生，这应该是css属性的问题。所以你必须发布更多信息问题是。。。是我的css文件路径，我已经有了正确的路径，因为css没有应用到页面上…好的！如果“blog.css”已经起作用了，你为什么不把你的文件放在blog.css的同一个文件夹里呢？然后问题是，我现在有的东西不起作用了。我只是想知道如果我的路径不正确或者我需要创建一个不同的路径。。。我在css文件中的blog.css文件是静态的，但是我没有把它应用到文件中。。我只是想知道路径是不是问题，或者问题是什么…嗯，好吧！您是否尝试将文件中的一些css放到blog.css中，并检查是否看到更改！如果什么也没发生，这应该是css属性的问题。所以你必须发布更多的信息