仅作为记录,大佬请跳过。

使用aless.less

文章目录

  • 0、背景
  • 1、解决
    • 1.1 发现
    • 1.2 .less如何引入到.html
      • 1.2.1 方式二
      • 展示:
      • 参考
      • 1.2.2 方式一(暂未使用)
      • 多个.css文件引入到.html文件

0、背景

但.html和.css没有循环语句。

1、解决

1.1 发现

发现一个网页:


是使用的循环


后来发现,是采用的一种新的文件.less文件(是对.css文件的扩展,比如引入循环!)

1.2 .less如何引入到.html

有两种方式(一种是.less先生成.css,在.html里引入.css;另一种是.html直接引入.less,同时引入less.min.js)(博主采用的方式二)

1.2.1 方式二

步骤:

html改名字divsd0

static中js文件夹引入less.js
static中jq文件夹引入less.min.js

static中新建less文件夹,新建aless.less文件

在showpiccellpro.html处,加入

<link rel="stylesheet/less" type="text/css" href="{% static 'less/aless.less' %}" />
<script src="{% static 'jq/less.min.js' %}" type="text/javascript"></script>

展示:

网站运行正常:

参考

感谢大佬博主文章:传送门


(less.js官方下载



1.2.2 方式一(暂未使用)

参考传送门


其他参考:传送门


多个.css文件引入到.html文件

在新生成.css文件后,可能会存在多个.css文件引入到.html文件(可参考博主文章传送门)

html如何自动写重复的语句【实测成功】相关推荐

  1. SQL SERVER全面优化-------写出好语句是习惯

    前几篇文章已经从整体提供了诊断数据库的各个方面问题的基本思路...也许对你很有用,也许你觉得离自己太远.那么今天我们从语句的一些优化写法及一些简单优化方法做一个介绍.这对于很多开发人员来说还是很有用的 ...

  2. Mysql的select in会自动过滤重复的数据

    Mysql的select in会自动过滤重复的数据 默认使用 SELECT 语句: 当加上in范围后,结果如下图: in范围内的数据,如果有重复的,只会选择第一个数据. 所以如果不是直接使用SQL语句 ...

  3. oracle去掉重复记录语句

    oracle去掉重复记录语句 比如现在有一人员表 (表名:peosons) 若想将姓名.身份证号.住址这三个字段完全相同的记录查询出来 select p1.*   from persons  p1,p ...

  4. mysql删除重复记录语句的方法 作者: 字体:[增加 减小] 类型:转载 时间:2010-06-21 我要评论 查询及删除重复记录的SQL语句,虽然有点乱,但内容还是不错的。 . .

    mysql删除重复记录语句的方法 作者: 字体:[增加 减小] 类型:转载 时间:2010-06-21 我要评论 查询及删除重复记录的SQL语句,虽然有点乱,但内容还是不错的. 例如: id name ...

  5. idea switch 没有自动提示 Idea switch 语句设置自动提示 Idea 配置switch语句快捷键 swi idea常用快捷键设置

    idea switch 没有自动提示 Idea switch 语句设置自动提示 Idea 配置switch语句快捷键 idea常用快捷键设置 一.前言 最近在用Idea搬砖(写代码)时,发现写 swi ...

  6. SQL优化篇:如何成为一位写优质SQL语句的绝顶高手

    (Structured Query Language)标准结构化查询语言简称SQL,编写SQL语句是每位后端开发日常职责中,接触最多的一项工作,SQL是关系型数据库诞生的产物,无论是什么数据库,MyS ...

  7. 利用python自动写Word文档(一)——python-docx初探

    0.概述 最近需要重复写格式一致的Wrod文件,具体格式如下图,文档包含文字和表格,想找一种自动写的工具,根据一个记录了X1,Y1,X2,Y2的TXT文档自动生成下图的文档,免去每天的重复编辑.偶然间 ...

  8. 飞桨2.0应用案例教程 — 用BERT实现自动写诗

    用BERT实现自动写诗 作者:fiyen 日期:2021.06 摘要:本示例教程将会演示如何使用飞桨2.0以及PaddleNLP快速实现用BERT预训练模型生成高质量诗歌. 摘要 古诗,中华民族最高贵 ...

  9. 循环神经网络进阶-------自动写歌词

    RNN,LSTM,GRU,循环RNN, 深度LSTM,四个模型自动写杰伦歌词 import os import numpy as np import torch from torch import n ...

最新文章

  1. Winform开发框架里面使用事务操作的原理及介绍
  2. Python网络爬虫第二弹《http和https协议》
  3. mysql 复制_MySQL的复制功能
  4. x等于5y等于8c语言表达式,《C语言程序设计》复习参考题.doc
  5. 湖北孝感学校计算机好吗,湖北省孝感市2018年上半年计算机等级考试注意事项...
  6. POJ1061 青蛙的约会【扩展欧几里得算法】
  7. Flask项目之手机端租房网站的实战开发(十三)
  8. 太极图正确画法_什么是太极?其意义是什么?太极图是谁画的?
  9. 阿里云CentOS服务器搭建静态网站(零基础)
  10. sql注入检测工具 mysql_SQL注入测试
  11. 卸载office2010安装包时提示语言不受系统支持
  12. 其他——dhtmlxGantt甘特图API精华总结
  13. 铁矿石再度领跌商品,LPG认沽上涨3倍,MTO季节性上涨2022.6.22
  14. 跨境电商独立站模式分析
  15. 事务的传播行为(讲得比较好)
  16. via浏览器皮肤html,Via浏览器 v4.2.1 身材小巧功能全面
  17. win7电脑远程桌面连接提示已停止工作,但电脑没有蓝牙,不是受蓝牙影响,且影响电脑卡顿必须重启故障模块名称:StackHash_e1f3
  18. vscode - 史上最优秀的 IDE ?
  19. 金蝶BOS开发数据集操作方法(sqloql)
  20. 当今安全领域面试的几大怪现状

热门文章

  1. 华为云,如何带领企业成功上云?
  2. AudioService
  3. 双路由实现宽带和IPTV单播并存
  4. 默纳克系统怎么用服务器查找故障,默纳克系统常见故障的解决办法
  5. ChatGPT 怎么用最新详细教程-新手小白一看就会
  6. Python+vue+elementui高考志愿填报辅助系统django
  7. IEEE TRANSACTIONS ON CIRCUITS AND SYSTEMS FOR VIDEO TECHNOLOGY(TCSVT) 投稿经验
  8. MySQL详解----------海量数据分页查询优化
  9. 用Java实现一个简单的考试系统
  10. clickhouse 数据TTL使用