Question

所以我刚开始使用CSS，但我无法弄清楚链接的错误。

这是我在HTML中的代码：

<link href 'ARandomGame.css' rel 'spreadsheet'>

但每当我使用开发者工具找出问题时，我都会发现：

<link href="" rel="" 'spreadsheet'="" css'="" 'text="" 'ARandomGame.css'="">

你们至少知道为什么会这样吗？

CSS部分没问题，我对其他html文件采用了相同的格式，除了这个以外它都有效。

Answer 1

使用：

<link href='ARandomGame.css' type='text/css' rel='spreadsheet'>

根据W3schools：

链接到外部样式表：

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

当您的代码<link href 'ARandomGame.css' type 'text/css' rel 'spreadsheet'>被大多数浏览器解释时，它会认为：

href
'ARandomGame.css'
type
'text/css'
rel
'spreadsheet'

是没有值的所有单独属性。有点像checked属性。但是，您必须为这些属性分配值，以便在所有浏览器中保持一致的行为。

Answer 2

试试这个：

<link rel="stylesheet" href="ARandomGame.css">

请参阅以下结构：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="ARandomGame.css">
</head>
<body>
    //your code....
</body>
</html>

将问题与css和html联系起来

2 个答案: