gpt4 book ai didi

html - 如何仅使用一个 css 将多个 css 文件导入到 html 页面中

转载 作者:太空宇宙 更新时间:2023-11-04 15:08:22 24 4
gpt4 key购买 nike

基本上,我有这个 html 页面。 (只需将头部部分放入)

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- TITLE -->
<title>Page Title</title>

<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">

<!-- Grid CSS & Content -->

<!-- Personal CSS -->
<link href="css/flatcolor.css" rel="stylesheet">
<link href="css/fonts.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/nav.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Dosis:200,400' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Noto+Sans' rel='stylesheet' type='text/css'>
</head>

我想做的是将我的个人 CSS 文件合并到一个大的 css 文件中。我希望看到的示例。

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- TITLE -->
<title>Page Title</title>

<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">

<!-- Grid CSS & Content -->

<!-- Personal CSS -->
<link href="css/importall.css" rel="stylesheet">
</head>

我希望 importall.css 文件具有加载元素中所有其他 css 文件的信息(在 css 文件中会注明我要导入的文件)。有什么帮助吗?

最佳答案

使用一个global.css文件将它们全部导入

即创建一个名为“global.css”或类似名称的新 CSS 文件,并将所有导入语句添加到其他 CSS 文件中:

@import url('typography.css');
@import url('layout.css');
@import url('color.css');

然后您将在您的 HTML 文档中引用它..

关于html - 如何仅使用一个 css 将多个 css 文件导入到 html 页面中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23188612/

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