gpt4 book ai didi

html - 如何将多个CSS页面导入到一个CSS主页面,再将CSS主页面导入到HTML页面?

转载 作者:行者123 更新时间:2023-11-28 11:00:53 25 4
gpt4 key购买 nike

我有一个文件夹,其中有一个 .html 页面。在该文件夹中,我有一个名为“stylesheets”的文件夹

在“stylesheets”文件夹中,我有多个 CSS 页面,一个“main.css”页面,以及另外四个名为“links.css、images.css、headers.css 和 text.css”的页面。

我尝试将这四个 CSS 页面导入 CSS 主页面,然后将 CSS 主页面导入 HTMl。所有 CSS 页面都可以正常工作,因为我单独测试过它们。这就是我所拥有的:

----------------------------------------...在 main.css 页面我有:--------------------------------------... @字符集“utf-8”; /* CSS 文档 */

@import url('/stylesheets/links.css'); 
@import url('/stylesheets/text.css');
@import url('/stylesheets/images.css');
@import url('/stylesheets/headers.css');

----------------------------------------...然后在 HTML 页面中我有:--------------------------------------... 插入标题

<style> 
@import url('/stylesheets/main.css');
</style>

</head>
<body>
</body>
</html>

------------------------------------...

它不工作,请帮忙,因为这是学校作业中所必需的。我已经搜索过,但找不到如何操作。

最佳答案

在 main.css 中,文件路径需要相对于 CSS 文件本身,而不是您的 HTML 文档。因此,假设您所有的 css 实际上都在一个文件夹中,将文件路径更改为简单的 @import url('links.css'); 等等。保持导入在 html 中。

关于html - 如何将多个CSS页面导入到一个CSS主页面,再将CSS主页面导入到HTML页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22445224/

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