Wya*_*ton 4 html css hosting github github-pages
我的问题是，我尝试使用 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 是错误的，因为当我在网站本身上使用检查元素时，它确实显示，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>标记内。