时间戳

首页 > 解决方案 > html 和 css 文件在同一个文件夹中但未被使用

html - html 和 css 文件在同一个文件夹中但未被使用

问题描述

所以我有下面的代码将css文件链接到我的HTML文件，但HTML文件没有使用那种样式。

<!DOCTYPE html>
<html>
<head>
  <title>Animals are Awesome!</title>
  <link href="indexstyle.css" rel ='stylesheet'>
</head>

有什么格式明智我做错了吗？我也试过href = './indexstyle.css'

标签： htmlcss

解决方案

我认为这个问题是由于使用了href

href 链接是在您的网页上包含外部样式表的方法。它旨在将您的页面与您的样式表链接起来。而导入允许您将一个样式表导入另一个样式表。

采用：

<style>
@import url(YOUR/FILE/PATH)
</style>

将 css 文件放在存储 html 的文件夹内的子文件夹中是一种很好的做法。此子文件夹标记为静态

例如主文件夹

索引.html

静止的

样式.css

静态位于主文件夹中的位置

然后我通常会导入文件：

<style>
@import url("static/style.css")
</style>

（这属于风格而不是头脑）

推荐阅读