Question

我有一个非常简单的网页，可以链接两个css文件，如下所示：

<link href="style1.css">
<!-- Html code -->
<link href="style2.css">
<!-- Html code -->

我注意到，当我不断重新加载页面时，偶尔会在没有style2.css的情况下加载页面，但是下一秒页面将会应用style2.css。

style1.css没有发生;它总是在渲染html之前加载。

为什么我这样搜索两个css文件的原因是因为我使用的是Django global template，因此我的基本模板将获取style1.css然后我可以应用{{ 1}}（或其他style2.css）我想要的时候。

这是我看到这种行为的原因吗？

Answer 1

CSS样式表不是脚本。将它们包含在HTML <head></head>：

中

<link rel="stylesheet" type="text/css" href="style1.css">
<link rel="stylesheet" type="text/css" href="style2.css">

Answer 2

<script src="style1.css"></script>
<!-- Html code -->
<script src="style2.css"></script>
<!-- Html code -->

用于加载脚本文件javascript vbscripts.

的脚本标记

用于添加css文件使用link标记。

<link href="style1.css"></link>
<!-- Html code -->
<link href="style2.css"></link>
<!-- Html code -->

完整代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title></title>
    <link href="style1.css"></link>
    <!-- Html code -->
    <link href="style2.css"></link>
    <!-- Html code -->
</head>
<body>

</body>
</html>

网页正在加载而css样式还没有准备好？

2 个答案: