我的css不会与我的html链接，我做错了什么？答案

【问题标题】：my css wont link with my html, what am i doing wrong?我的css不会与我的html链接，我做错了什么？
【发布时间】：2018-04-11 09:02:56
【问题描述】：

我刚刚在 stackoverflow 上“运行代码 sn-p”，css 可以工作，但是当我打开文件夹中的 index.html 文档时，它不会显示任何颜色，很奇怪。谁能帮忙谢谢。

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>

【问题讨论】：

您检查过以确保它是正确的文件路径吗？
如果您的代码在您的 sn-p 中有效但在您的浏览器中无效，则可能与缓存有关。
你的css文件和你的html在同一个文件夹吗？
@MrBuggy & Richard 在他的问题图片中，它显示 styles.css 与他的 index.html 位于同一文件夹中。
@MrBuggy 谢谢你们真的很感谢你们的帮助，当我发现这只是因为“s”大声笑时感觉很愚蠢。再次感谢

标签： php html css

【解决方案1】：

你有一个错字：<link rel="stylesheets" href="styles.css">

它是rel="stylesheet" 没有字母“s”不像你做的rel="stylesheets"。

那么就拿这个吧：<link rel="stylesheet" href="styles.css">。

【讨论】：

【解决方案2】：

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

stylesheets 不起作用，只有样式表！

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案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">

【讨论】：