html – 如何将所有css包含在一个目录中?

html – 如何将所有css包含在一个目录中?,第1张

概述是否可以在html中一次性包含多个css?还是要确切地说,是否可以将所有放置在目录中的CSS放在一起? 像现在我们所做的是: <link type="text/css" rel="stylesheet" href="./tabs_css/navigation.css"> 我需要这样的东西: <link type="text/css" rel="stylesheet" href="./tabs_cs 是否可以在HTML中一次性包含多个CSS?还是要确切地说,是否可以将所有放置在目录中的CSS放在一起?
像现在我们所做的是:
<link type="text/CSS" rel="stylesheet" href="./tabs_CSS/navigation.CSS">

我需要这样的东西:

<link type="text/CSS" rel="stylesheet" href="./tabs_CSS/*.CSS">

可能吗?还是有什么选择吗?

解决方法 您可以创建一个包含在每个页面中的主样式表,在该CSS文件中,您可以使用@import来包含其他的样式表.

这不能解决必须手动包含每个单独的CSS文件的问题,但至少它将其封装在主样式表中,因此您不必重复每个HTML文件中的所有引用.如果添加其他CSS文件,您只需要在主CSS中添加引用即可访问所有页面.

示例HTML CSS参考:

<link href="master.CSS" type="text/CSS" />

示例Master CSS(master.CSS):

@import url(style1.CSS);@import url(style2.CSS);@import url(style3.CSS);

阅读更多约when to use @import and it’s compatibility with older browsers.

总结

以上是内存溢出为你收集整理的html – 如何将所有css包含在一个目录中?全部内容,希望文章能够帮你解决html – 如何将所有css包含在一个目录中?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1090182.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存