gpt4 book ai didi

html不导入css文件

转载 作者:太空宇宙 更新时间:2023-11-04 01:47:43 25 4
gpt4 key购买 nike

愚蠢的问题,但我无法弄明白,而且问题太多了。在 django 元素中,在同一目录中我有 base_template.html 和 base_style.css。在子文件夹中,我有 search.html。

base_template.html
base_style.css
folder----
search.html

Search.html 像这样扩展 base_template.html

{% extends "base_template.html" %}

base_template.html 中导入 base_style.css

<!DOCTYPE html>
<html>
<head>
<title>{% block title %} Base template {% endblock %}</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="base_style.css">
<link rel="stylesheet" type="text/css" href="awesome_font.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<style>
{% block Additional_Styles %}
{% endblock %}
</style>

而且它根本行不通。**已经尝试过:

./base_style.css
/base_style.css
base_style.css"/**

如果我替换

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

与:

<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">

它起作用了,CSS 加载了。我必须提一下,我只是从链接下载了 css 并且没有做任何修改。

为什么导入不起作用?

编辑

settings.py:

TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': [os.path.join(BASE_DIR,'templates')],

....
STATIC_URL = '/static/'
PROJECT_DIR = os.path.dirname(os.path.abspath(__file__))
STATIC_ROOT = os.path.join(PROJECT_DIR, 'static')

所以 base_template 在 MainDjangoApp\templates 中

最佳答案

您应该将您的静态文件(.css、.js)放在应用程序内的静态文件夹中:

app
static
app
css
base_style.css

在你的模板中你应该使用

{% load static %}

<link rel="stylesheet" type="text/css" href="{% static 'app/css/base_style.css' %}">

你绝对应该阅读 Writing your first Django app, part 6Managing static files (e.g. images, JavaScript, CSS)在 djangoproject 网站上。

关于html不导入css文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44134574/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com