Question

<!DOCTYPE html>
<html>
<head>
    <title>ShieldSecure Organization</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
</body>
</html>

是我的HTML文件

body {
    font-family: Calibri, sans-serif:
    font-size:15px;
    line-height:1.5;
    padding:0;
    margin:0;
    background-color: #f4f4f4;
}

这是我的CSS文件，我尝试了不同的应用程序，并逐步遵循了许多教程，但仍然找不到能解决我的问题的东西。

Answer 1

您已将style.css指定为与HTML文件位于同一文件夹中，因此请确保为true。

在CSS中，您还会有一个冒号，您应该在第一个属性中使用分号-

body {
    font-family: Calibri, sans-serif;
    [...]
}

也可以尝试background-color: #F00来真正查看是否未链接-可能是因为您无法在显示器上看到将背景设置为浅灰色。

Answer 2

看起来您是正确地附加了文件，但是也许它更基本一些，例如文件名？您确定它的styles.css吗？目录呢？它和HTML放在同一文件夹中吗？另外，尝试使用一个类创建一个div并尝试设置其样式，也许它会显示出来，而不是您最初的身体样式。

Answer 3

检查css文件在哪里。如果在文件夹中，

<link href=“../(folder_name)/style.css” />

your code is working. Check this image

Using yellow color

Answer 4

找到了答案！同样，这是CSS文件中的错字，

body { font-family: Calibri, sans-serif: font-size:15px; line-height:1.5; padding:0; margin:0; background-color: #f4f4f4; }

重要的是 font-family: Calibri, sans-serif:。经典开发人员错字。它的末尾是:而不是;。现在，通常在网站上，它会尝试保持持续，这就是每个人都说它可行的原因。在某些网站/浏览器上，它完全停止加载它。

正确替换CSS的第一行，应该可以使它工作。

如果不是那样，则可能是计算机出现错误，也许您没有正确的权限来托管.css文件？

无论如何，它为我工作。代码中的错字很有可能

<!DOCTYPE html>
<html>
<head>
    <title>ShieldSecure Organization</title>
    <link rel="stylesheet" type="text/css" href="https://nvbright68.000webhostapp.com/fileHost/Lorddirt/stackoverflow_question51334829_style.css">
    <!-- as you can see, all I changed was hosting it from somewhere else, which should work? -->
</head>
<body>
<h1>Yay!</h1>
ShieldSecure Organisation
</body>
</html>

Answer 5

plz如果需要帮助，请查看以下内容…… [

please check image that given below

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
 <title>ShieldSecure Organization</title>
 <style>
 body {
    font-family: Calibri, sans-serif;
    font-size:15px;
    line-height:1.5;
    padding:0;
    margin:0;
    background-color: #f4f4f4;
}

 </style>
  <!-- <link rel="stylesheet" type="text/css" href="style.css">
  
  
  -->
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

please check this image for detail

无法将CSS链接到HTML

5 个答案: