Fatal编程技术网
  • html/
  • HTML文件不想与css链接，不是因为文件位置错误

HTML文件不想与css链接，不是因为文件位置错误

html css file

HTML文件不想与css链接，不是因为文件位置错误,html,css,file,Html,Css,File,我最近创建了一个小项目来创建一个简单的计算器。但是，我无法将HTML连接到CSS文件中。我已经检查了文件的位置和css的名称，一切都是正确的。有人知道为什么它不能连接吗 我将html文件命名为index.html，将css文件命名为stylsheet.css 这是我的文件位置： [我的文件位置截图][1] 以下是我在这个项目中使用的代码 html代码： <!DOCTYPE html> <html> <head> <meta charset=&qu

我最近创建了一个小项目来创建一个简单的计算器。但是，我无法将HTML连接到CSS文件中。我已经检查了文件的位置和css的名称，一切都是正确的。有人知道为什么它不能连接吗

我将html文件命名为index.html，将css文件命名为stylsheet.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="/">&divide;</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>
欢迎任何帮助，谢谢~

解决看起来我使用的代码不正确

错误代码：

<link rel="stylesheet" type="css" href="stylesheet.css">
应该是：

<link href="stylesheet.css" rel="stylesheet">
仍然不确定原因，但可能是由于我使用的html版本类型不同（假设）

编辑： 对你们中的一些人来说，这没什么不同

如果我使用了假定为“错误”的html行，这就是web视图：

如果我使用了正确的html行，这就是web视图：

正如我所说，我不知道为什么，但是如果我使用基于图片2的代码行，它会显示一个简单的html。但是如果我使用的是基于图片3的代码行，它会显示css文件。

尝试用浏览器打开stylesheet.css并刷新它。感谢您的建议您最近的编辑应该是您的答案。您已经回复了对问题答案的评论。
kalkulator.css
如果文件名为
stylesheet.css
，那么该文件将如何工作？元素属性的放置顺序没有区别我最近更改了文件名（请原谅）。我对它进行了编辑，这样它就不会对其他人造成任何混淆。属性的顺序没有解决问题，“type”属性解决了问题：如果存在，它必须是表示样式表类型的MIME类型，在您的情况下，它应该是
type=“text/css”
，这是省略属性时的默认值。 
<link href="stylesheet.css" rel="stylesheet">