Html 内联CSS可以工作，但为什么不使用外部CSS呢？_Html_Css

Html 内联CSS可以工作，但为什么不使用外部CSS呢？

html css

Html 内联CSS可以工作，但为什么不使用外部CSS呢？,html,css,Html,Css,以下是我的index.html代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport

以下是我的index.html代码：

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CodeWare</title>
    <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="normalize.css">
</head>
<body>
    <div class="hero">
        <h1>Coding</h1
        <h1>Redefined.</h1>
    </div>
</body>
</html>

在index.html中，如果我在h1属性中使用

style=“margin top:0px；”

，它就会工作。如果我改为在styles.css中键入

margintop:0px，它不工作。比如为什么？有人请帮我
您只需要更改2个css文件（style.css和normalize.css）的顺序！秩序很重要！（现在normalize.css（h1{font size:2em；margin:0.67em 0；}
）中的h1规则覆盖了styles.css中的规则）
您在自己的样式之后注入normalize.css，这就是为什么normalize.css中的“margin:0px”被“margin:0.67em 0；”规则覆盖的原因
您需要做的就是首先包括normalize.css
<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="styles.css">

css文件的路径正确吗？应与html文件位于同一文件夹中。您可以在浏览器的开发人员工具中检查文件是否已加载，也可以从h1标记获取其样式的位置进行检查。。。
<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="styles.css">