Question

我对CSS和HTML比较陌生，但我刚学了一本关于将HTML文档连接到CSS工作表的教程。它没有用，我到处寻找答案。所有的网站都有可行的答案，但没有一个适合我的。这是我的代码：

<!DOCTYPE html>
<html>
<head>

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

<title>FlyHighGames|Home</title>
<meta charset="utf-8" /> <!--Bro what does this even mean?-->
</head>
<body>
<div>
    <p>Hello</p>
</div>
</body>
</html>

请帮忙！

Answer 1

如果将css保存在任何文件夹中，请使用文件夹名称

 <link rel="stylesheet"  href="foldername/stylesheet.css"/>

Answer 2

正如其他人所说，你需要使用链接元素：

 <link rel="stylesheet" href="pathToCSSFile">

仅供参考：HTML5中不再需要type="text/css"部分

但是，要正确指出.css文件的路径，请按照以下步骤操作规则：

如果您需要的资源是同一网站的一部分（这里不讨论文件夹结构，谈论域名），您应该使用相对路径，其中：

一个。如果资源与当前加载的文档位于同一文件夹中，则只需 fileName.ext 。

湾如果您需要的文件位于加载文档所在的当前文件夹的子文件夹中，则需要 folderName / fileName.ext 。

℃。如果您需要的文件比当前文档的文件夹高一个目录，则 ../ fileName.ext 即可使用。如果您需要上升多个级别（即 ../ ），则可以重复../../fileName.ext。

d。 / fileNameext 或 /folderName/fileName.ext 表示无论当前文档位于何处，都应从网站的根目录开始找到指定的文件或文件夹。
如果您需要的资源位于其他域中，则使用绝对路径（http://something.something/file.ext）。

一个。不要对本地资源使用绝对路径！这可能有效但会导致必须再次解析域名，从而导致加载时间更长。

警告：不同的服务器具有不同的配置和要求，可能会影响这些参考规则是否有效。例如，GoDaddy Web托管在网站的根目录下提供“httpDocs”文件夹。您不必使用它，但这是他们的服务器期望放置网站内容的地方。不遵循这些规则会导致相对路径无效。

注意：

如果您认为自己正确引用了CSS文件，则该文件可能会出现语法错误，导致无法处理CSS。您可以通过验证器（https://jigsaw.w3.org/css-validator/）运行CSS，看看它是否有效。
您也可以在打开网页的同时点击F12键，然后点击网络标签页并刷新页面。这将显示当前页面发出的所有网络请求。如果您看到列出的CSS文件，然后在其旁边看到404消息，则表示您找不到该文件。

Answer 3

链接标记用于链接到外部样式表。检查你的css文件路径试试这段代码工作正常

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

你需要在head标签之间留下样式表。

Answer 4

正如其他人所说，使用链接标记，但是我有时会收到错误，如果我在XHTML中根据需要在末尾添加斜杠，因为它会自动关闭标记并且不允许它访问页面的其他部分。

Answer 5

确保在href中包含CSS文件的正确路径。如果CSS文件与HTML文件位于同一文件夹中，则不需要路径（如上例所示），但如果将其保存在文件夹中，则将其指定为href =“foldername / mystyles.css”。 media参数指定何时使用CSS规则。 “屏幕”表示在计算机屏幕上使用。如果指定“打印”，则只有在打印页面时才会遵循规则。如果需要，您可以包含多个CSS文件。链接到单独的CSS文件有许多优点。如果您需要在整个网站上进行样式更改，那么您只需在单个CSS文件中进行一次更改。如果您想再次完全更改网站外观，则只需更新此文件即可。查看CSS Zen Garden以获得最佳示例。也许拥有单独CSS文件的最佳理由是速度。当某人首次访问您的网站时，他们的浏览器会下载当前页面的HTML以及链接的CSS文件。然后当他们导航到另一个页面时，他们的浏览器只需要下载该页面的HTML，CSS文件被缓存，因此不需要再次下载。这可以显着提高网站的浏览速度。关注我的网站kamagra http://www.genericshop24.biz/

Answer 6

创建一个css stylesheet.css文件并保存在HTML文件退出的文件夹中

Answer 7

提供样式表文件的完整路径例子

<link href="Content/css/stylesheet.css" rel="stylesheet" />

如何将HTML连接到CSS？

7 个答案: