Question

我创建了CSS文件夹并命名了它。我在HTML中添加了这个标题但是没有发生变化。

<link rel="stylesheet" type="text/css" href="haiku-styles-shaun.css" />

Answer 1

你提到你已经创建了一个CSS文件夹。然后在href

中包含该文件夹名称

<link rel="stylesheet" type="text/css" href="CSS_FOLDER_NAME/haiku-styles-shaun.css" />

Answer 2

可能您的CSS文件与HTML文件不在同一目录中，您提供了错误的CSS文件名称（同时检查您的CSS文件的扩展名是<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.10.0/d3.js"></script> <div class="panel panel-default"> <div class="panel-body"> <div style="text-align:center;" class="row"> <h4 id="pieGPLegend"></h4> <div id="pieGPChart"></div> </div> </div> </div>）。解决这些问题再试一次。

Answer 3

您必须单独包含所需的每个文件。

e.g：

<link rel="stylesheet" type="text/css" href="haiku-styles-shaun.css/myButton.css" />
<link rel="stylesheet" type="text/css" href="haiku-styles-shaun.css/myPhoto.css" />
<link rel="stylesheet" type="text/css" href="haiku-styles-shaun.css/myFooter.css" />

大多数用户不需要同时进行所有样式定义。要节省带宽，您必须选择。

Answer 4

你说你创建了一个文件夹，但是你没有在路径上写它。尝试在文件名之前添加css文件夹，如下所示：

<link ref="stylesheet" type="text/css" href="folder/file.css" />

此外，我建议您在css中包含版本控制，以避免在刷新时进行浏览器缓存。要在每次更新css时都这样做，请更改链接末尾的数字：

 <link ref="stylesheet" type="text/css" href="folder/file.css?v=1" />

Answer 5

<link>标记用于链接到外部样式表。你必须使用这样的东西：

<link rel="stylesheet" type="text/css" href="Folder-Name/Stylesheet-Name.css">

确保您的href地址设置正确，否则无法在HTML页面中加载。

注意：元素是一个空元素，它只包含属性 注意：此元素仅在head部分中出现，但它可以出现任意次。

在HTML中，<link>标记没有结束标记。
在XHTML中标记必须妥善关闭。

我将CSS文件链接到我的HTML时遇到问题

5 个答案: