VS 代码中的链接 CSS 和 html 有问题。外部 CSS 文件有问题

Question

I am working in VS code and I am beginner.我在 VS 代码中工作，我是初学者。 I know how to write css in html style but css doesn´t work in external file.我知道如何以 html 样式编写 css，但 css 在外部文件中不起作用。

My code:我的代码：

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>WHY</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="style" href="style.css">
<style>
</style>
<body>
    <h1>rozkaz</h1>
    <p>smiech</p>
    <b>haha</b>
    <em>hehe</em>
    <mark style="background-color: blue;">hihi</mark>
    <p>Das ist  <del>ein</del>  kein Hund.</p>
    <p>Das ist  <del>ein</del>  <ins>kein</ins>  Hund.</p>
    <sup>hoho</sup>
</body>
</html>

CSS: CSS：

h1 {
    color: bisque;
}

I tried lot of tutorials but it didn´t work.我尝试了很多教程，但没有用。

Answer 1

You have an error in the link tag.您的链接标记有误。 The rel attribute should be "stylesheet" instead of "style". rel 属性应该是“stylesheet”而不是“style”。

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

Answer 2

<head>
  <link rel="stylesheet" href="style.css">
</head>

rel="style" should be replaced with rel="stylesheet" . rel="style"应替换为rel="stylesheet" 。 also, it is better to include stylesheets inside a <head> tag另外，最好在<head>标签中包含样式表

VS 代码中的链接 CSS 和 html 有问题。外部 CSS 文件有问题

问题描述

2 个解决方案

解决方案1
0 2023-02-01 18:55:10

解决方案2
0 2023-02-01 19:06:12

VS 代码中的链接 CSS 和 html 有问题。 外部 CSS 文件有问题

问题描述

2 个解决方案

解决方案1 0 2023-02-01 18:55:10

解决方案2 0 2023-02-01 19:06:12

VS 代码中的链接 CSS 和 html 有问题。外部 CSS 文件有问题

解决方案1
0 2023-02-01 18:55:10

解决方案2
0 2023-02-01 19:06:12