Question

我刚刚在stackoverflow上“运行代码片段”并且css工作但是当我在我的文件夹中打开index.html doc时它不会显示任何颜色，很奇怪。有人请求帮助谢谢。

h1 {
  font-size: 50px;
}
a {
  text-decoration: none;
}

.thumbnail-title {
  background: rgb(96, 125, 139);
  color: rgb(202, 238, 139);
  display: block;
  font-size: 50px;
  margin: 0;
  padding: 4px 10px;
}

<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  
 <link rel="stylesheets" href="styles.css">
  <h1>ottergram</h1>
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  <link rel="manifest" href="/site.webmanifest">
  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
  <meta name="msapplication-TileColor" content="#da532c">
 </html>

Answer 1

你有一个拼写错误：rel="stylesheets"

<link rel="stylesheet" href="styles.css"> 没有字母“s”与{{1}}不一样。

所以，请简单地选择一个：{{1}}。

Answer 2

<link rel="stylesheets" href="styles.css">

样式表 s 不会工作，只有样式表！

Answer 3

<link rel="stylesheet" href="styles.css"> 请用此更改您的外部CSS参考。

Answer 4

如果您不使用可下载资源的规范链接，请确保正确写入下载文件的路径和当前URL。例如：

当前网址： http://exapmle.com/test/ 使用..

<link rel="mask-icon" href="../safari-pinned-tab.svg" color="#5bbad5">

使用完整网址： http://exapmle.com/test/

<link rel="mask-icon" href="http://exapmle.com/safari-pinned-tab.svg" color="#5bbad5">

我的CSS不会与我的HTML链接，我做错了什么？

4 个答案: