HTML中css引入之import

  • 作者： 凯哥Java(公众号：凯哥Java)
  • 经验分享
  • 时间：2019-05-12 14:54
  • 3136人已阅读
工作小总结&小工具类 Redis LoRaWAN&ChirpStack AI编程 AI相关 MQTT Maven mybatis ChatGPT uniapp zookeeper Thymeleaf语法 POI-TL sa-token PowerDesigner16.5 taos数据库 frp echarts Actor模型及Akka thingsboard 大疆无人机对接 CI/CD 教师资格证 小任务 面试其他 职场 淘宝客 支付宝支付 HBuilder X Flink Java集合类 多线程 ES Ribbon eureka Docker java游戏 网络通信 Nacos 芋道管理系统 Solr 分布式相关 Dubbo 数据结构 EasyPOI Drools RocketMQ JS 七天深入MySQL实战营 书籍 kafka spring Java基础 java web 若依(ruoyi) 分布式事务 面试宝典 mysql java8新特性 spring cloud ElasticSearch学习系列 HM_leadnews 即时通讯 并发 思维&学习 VUE 宝塔面板 算法刷题 设计模式 RabbitMQ学习系列教程 P3C规范 JVM学习系列 反射 自定义注解 网络美文 PHP源码 经验分享 资源 git项目 websocket 网赚 数据库读写分离 测试相关 其他随笔 shiro学习系列 fremarker学习系列 学习笔录-spring boot 网络文章 工作小总结
简介 有时候，我们在使用html的时候，需要引入css.而有些css又是公用的。如admin.css和layui.css 这两个css.每个页面都需要使用，如果每个页面都引入两个，是不是很麻烦，这个时候，我们就也有使用@import这个了。我们在css文件夹下创建个css:在layuiadmin.css中，使用@import引入admin.css和layui.css文件。@import&nbs

🔔🔔🔔好消息!好消息!🔔🔔🔔

有需要的朋友👉:联系凯哥 微信号 kaigejava2022

有时候，我们在使用html的时候，需要引入css.而有些css又是公用的。

17cbb2c2255eda648fa725795b65ebd3.png

如admin.css和layui.css 这两个css.每个页面都需要使用，如果每个页面都引入两个，是不是很麻烦，这个时候，我们就也有使用@import这个了。

我们在css文件夹下创建个css:

0cf7cc4881407673993079a8abefd4ee.png

在layuiadmin.css中，使用@import引入admin.css和layui.css文件。

@import "admin.css";
@import "layui.css";

1ff4da014bf1192ee00820ad09fc1224.png

在需要引入这两个页面中，同样使用@import，只需要引入layuiadmin.css就可以了。

<style type="text/css">
  @import "/static/common/layui/css/layuiadmin.css";
</style>

58ece62093c90c0c15f14c18019f1c5a.png

这样就不用在每次，每个页面引入两个css文件。

这只是其中一个方案。还有其他方案，欢迎大家留言

工作小总结&小工具类 Redis LoRaWAN&ChirpStack AI编程 AI相关 MQTT Maven mybatis ChatGPT uniapp zookeeper Thymeleaf语法 POI-TL sa-token PowerDesigner16.5 taos数据库 frp echarts Actor模型及Akka thingsboard 大疆无人机对接 CI/CD 教师资格证 小任务 面试其他 职场 淘宝客 支付宝支付 HBuilder X Flink Java集合类 多线程 ES Ribbon eureka Docker java游戏 网络通信 Nacos 芋道管理系统 Solr 分布式相关 Dubbo 数据结构 EasyPOI Drools RocketMQ JS 七天深入MySQL实战营 书籍 kafka spring Java基础 java web 若依(ruoyi) 分布式事务 面试宝典 mysql java8新特性 spring cloud ElasticSearch学习系列 HM_leadnews 即时通讯 并发 思维&学习 VUE 宝塔面板 算法刷题 设计模式 RabbitMQ学习系列教程 P3C规范 JVM学习系列 反射 自定义注解 网络美文 PHP源码 经验分享 资源 git项目 websocket 网赚 数据库读写分离 测试相关 其他随笔 shiro学习系列 fremarker学习系列 学习笔录-spring boot 网络文章 工作小总结

上一篇： “入职12年，辞退一瞬间”：最笨的努力，就是没有成果的瞎忙

下一篇： spring boot 默认静态文件位置及动态文件位置

TopTop