我最近创建了一个小项目来创建一个简单的计算器。但是，我无法将HTML连接到CSS文件中。我已经检查了文件的位置和css的名称，一切都是正确的。有人知道为什么它不能连接吗？
我把我的html文件命名为index.html，把我的css文件命名为stylesheet.css
这是我的文件位置：
[我的文件位置截图][1]
这是我在这个项目中使用的代码
html代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Kalkulator</title>
<link rel="stylesheet" type="css" href="stylesheet.css">
</head>
<body>
<div class="calculator">
<input type="text" name="calculator-screen" value="0" disabled>
<div class="calculator-keys">
<div class="row">
<button class="all-clear">AC</button>
<button class="precentage">%</button>
<button class="operator" value="/">÷</button>
</div>
<div class="row">
<button class="number" value="7">7</button>
<button class="number" value="8">8</button>
<button class="number" value="9">9</button>
<button class="operator" value="*">&time;</button>
</div>
<div class="row">
<button class="number" value="4">4</button>
<button class="number" value="5">5</button>
<button class="number" value="6">6</button>
<button class="operator" value="-">-</button>
</div>
<div class="row">
<button class="number" value="1">1</button>
<button class="number" value="2">2</button>
<button class="number" value="3">3</button>
<button class="operator" value="+">+</button>
</div>
<div class="row">
<button class="number zero-btn" value="0">0</button>
<button class="decimal" value="0">.</button>
<button class="equal-sign">=</button>
</div>
</div>
</div>
<script type="javascript" src="script.js"></script>
</body>
</html>
CSS代码：
.calculator {
text-align: center;
margin: 0 auto;
padding-top: 200px;
width: 400px;
}
.calculator-screen {
width: 100%;
height: 100px;
background-color: #252525;
color: #fff;
text-align: right;
font-size: 36px;
border: none;
padding: 0 20px;
box-sizing: border-box;
}
.calculator-keys {
width: 100%;
}
.row {
display: flex;
}
button{
height: 80px;
background-color: gray;
border: 1px solid black;
font-size: 32px;
color: #fff;
width: 25%;
outline: none;
}
all-clear, .zero-btn {
width: 50%
}
.operator, .equalsign {
background-color: orange;
}
button:hover {
background-color: darkgrey;
}
.operator:hover, .equalsign:hover {
background-color: darkorange;
}
欢迎任何帮助，谢谢~
已解决看起来我使用了错误的代码
错误的代码：
<link rel="stylesheet" type="css" href="stylesheet.css">
应该是：
<link href="stylesheet.css" rel="stylesheet">
仍然不确定为什么，但可能是由于我使用的html版本类型不同(假设(
编辑：对于你们中的一些人来说，这并没有什么不同。
如果我使用所谓的"；错误的"；html行：<link rel="stylesheet" type="css" href="stylesheet.css">
如果我使用正确的html行，这就是web视图：<link href="stylesheet.css" rel="stylesheet">
正如我所说，我不知道为什么，但如果我使用基于图片2的代码行，它会显示一个纯html。但如果我使用基于图片3的代码行，它会显示css文件。