我的HTML没有链接到我的CSS

时间:2018-05-03 20:26:59

标签: html css html5 css3

我有一些简单的html和css代码。每个文件都在同一个文件夹中,因此它不是路径错误。在尝试链接css时,我无法弄清楚出了什么问题。当我运行代码时,html运行正常,没有任何格式。

这是我的html:     

<html>

<head>
    <title>Libby Taylor</title>
    <link rel="stylesheets" type="text/css" href="libby_css.css">
</head>
<body>  
  <h1>Libby Taylor</h1>
  <div>
    <ul class = 'tabs'>
      <li>Research</li>
      <lI>Writing</li>
      <li>Home</li>
    </ul>
  </div>

</body>


</html>

这是我的css:

body{
    color: blue;
    text-align: center;
    font-size: 40px;
}

5 个答案:

答案 0 :(得分:2)

您有rel="stylesheets",但应该是rel="stylesheet"

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

答案 1 :(得分:0)

你在rel =“stylesheets”中有一个错误,它应该是样式表(没有s)

完整链接为<link rel="stylesheet" type="text/css" href="libby_css.css">

答案 2 :(得分:0)

正确的rel值是样式表&#39;而不是&#39;样式表&#39;,请试试。

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

答案 3 :(得分:0)

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

不是样式表,样式表。还要确保使用正确的HTML语法,因为class = ' tabs '非常奇怪。它现在可能不会导致错误,但使用常规正确的表示法总是一个好主意。

答案 4 :(得分:0)

只是一个小错字。应为rel="stylesheet"而不是rel="stylesheets"

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