Html 为什么<；头>；重要吗？_Html_Css_Syntax

Html 为什么<；头>；重要吗？

html css syntax

Html 为什么<；头>；重要吗？,html,css,syntax,Html,Css,Syntax,来自代码学院： “head元素中有两个link元素。它们的顺序是链接元素很重要浏览器首先看到自定义font.css的链接，然后使字体可在页面中使用接下来，浏览器会看到main.css的链接了解自定义字体，我们可以使用它从main.css到样式元素。” 我想有一个直觉/答案来解释为什么顺序很重要（链接到主CSS样式表之前的字体）我试着用另一种顺序（先链接到主样式表，再链接到字体）来做，但它仍然有效。当您覆盖CSS定义时，顺序很重要。这是级联样式表“级联”的一部分。如果main.c

来自代码学院：

“head元素中有两个link元素。它们的顺序是链接元素很重要

浏览器首先看到自定义font.css的链接，然后使字体可在页面中使用

接下来，浏览器会看到main.css的链接了解自定义字体，我们可以使用它从main.css到样式元素。”

我想有一个直觉/答案来解释为什么顺序很重要（链接到主CSS样式表之前的字体）

我试着用另一种顺序（先链接到主样式表，再链接到字体）来做，但它仍然有效。

当您覆盖CSS定义时，顺序很重要。这是级联样式表“级联”的一部分。如果

main.css

不包含任何字体定义，则顺序无关紧要

例如：设计师给了你一个默认的CSS文件，但是你需要稍微调整一下。您不需要编辑

default.css

文件，而是创建一个

custom.css

文件，并只更改少数需要调整的定义。现在命令很重要

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

如果您先放置

custom.css

，那么您的更改将永远不会出现

这涉及到更多细节的各个层次。警告，它会让你头晕目眩

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