Question

基本上，我有这个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文件中会注意到我要导入的文件）。任何帮助？

Answer 1

使用global.css文档全部导入

即。创建一个名为'global.css'的新CSS文件或类似的东西，并将所有import语句添加到其他CSS文件中：

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

然后你会在你的HTML文档中引用它..

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

1 个答案: