返回顶部

Django优化模版拆分css文件

Django优化模版拆分css文件

可以发现前面写项目将css放在html一个文件中，虽然简单省事但是带来的问题就是文件过于冗长不方便查看和修改。这里做个分离优化提供两种方式

方式一：html和css存放同一目录

 将原因html中</style>内容移动到home.css文件中，然后再html移动空白位置，替换指向home.css文件即可：

<head>
  <meta charset="utf-8">
  <title>My Goods</title>
  <link rel="stylesheet" type="text/css" href="/goods_service/templates/home.css">
</head>

方式二： 将css存放到指定目录中【推荐】

 

若是模版文件较多随之拆分的css文件也增多，放在一个目录中显得非常杂乱，这时候可以新建目录，将拆分的css文件统一存放到单独的目录，css内容不变，将home.html修改路径指导css文件即可，同理将移动<style>位置替换如下内容：

<head>
  <meta charset="utf-8">
  <title>My Goods</title>
  <link rel="stylesheet" type="text/css" href="/goods_service/templates/static/home.css">
</head>

 

 

posted @   九尾cat  阅读(31)  评论(0)  编辑  收藏  举报
相关博文：
· Django web框架实现修改【单个】nacos配置
· Django web框架实现nacos【多配置】修改
· 这样拆分和压缩css代码
· Django使用本地css/js文件
· Django 模板的应用
阅读排行：
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了
· 上周热点回顾（2.24-3.2）
历史上的今天：
2022-09-02 python 报错 ModuleNotFoundError: No module named 'comtypes'
点击右上角即可分享
微信分享提示

目录导航