gpt4 book ai didi

html - 如何在 github 托管站点中将我的 CSS 链接到我的 HTML

转载 作者:行者123 更新时间:2023-11-28 00:36:39 26 4
gpt4 key购买 nike

我的问题是,我尝试使用 Github 页面托管的网站无法读取我链接到它的 CSS。

我的 HTML 看起来像这样:

<!DOCTYPE html>
<link rel="stylesheet" type="text/css" href="https://github.com/legoman8304/legoman8304.github.io/blob/master/style.css">
<html>
<body>
<h1>Hello World</h1>
<p>I'm under construction!</p>
<h6>Copyright MIT Licence 2018</h6>
</body>
</html>

我的 CSS 看起来像这样:

body {
background-color: lightblue;
}

h6 {
color: navy;
margin-left: 20px;
}

链接库:legoman8304.github.io

我猜我将 CSS 链接错了,因为当我在网站本身上使用 inspect 元素时,它确实显示 style.css 但打开时它是空的。有帮助吗?

最佳答案

您需要将您的 HTML 链接到呈现的 github 页面 style.css而不是存储库中的文件本身。

改变这个:

<link rel="stylesheet" type="text/css" href="https://github.com/legoman8304/legoman8304.github.io/blob/master/style.css">

对此:

<link rel="stylesheet" type="text/css" href="https://legoman8304.github.io/style.css">

然后将该样式表引用移动到您的 <head> 中标签。

关于html - 如何在 github 托管站点中将我的 CSS 链接到我的 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54115766/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com