Html 我应该在哪里声明页面上的样式？为什么？_Html_Css

Html 我应该在哪里声明页面上的样式？为什么？

html css

Html 我应该在哪里声明页面上的样式？为什么？,html,css,Html,Css,我在页面上声明CSS样式的位置重要吗这是： <style> div{ height: 50px; width: 200px; } </style> <body> <div>This div</div> </body> div{ 高度：50px；宽度：200px； } 这个部门与此不同 <body> <div>Thi

我在页面上声明CSS样式的位置重要吗

这是：

<style>

    div{
        height: 50px;
        width: 200px;
    }

</style>

<body>

    <div>This div</div>

</body>


div{
高度：50px；
宽度：200px；
}
这个部门

与此不同

<body>

    <div>This div</div>

</body>


<style>

    div{
        height: 50px;
        width: 200px;
    }

</style>


这个部门
div{
高度：50px；
宽度：200px；
}

如果是，怎么做

我见过这两种样式的例子，但从未真正注意到样式在页面加载时所需的时间有任何重大变化。虽然，大约90%的时间里，样式是在页面顶部声明的

就个人而言，我更喜欢包含一个单独的样式表，以避免以这种方式向页面添加样式。

当您向html页面添加样式时，它们会随着页面的加载而加载，并按照该顺序进行相应的解析。与第一个示例一样，样式首先加载元素，然后加载无意义的元素。在第二种情况下，元素首先加载默认样式，然后进行样式设置。

将文件添加到单独的样式表将等待页面加载，然后显示样式。在非常慢的连接或繁重的页面中，差异是显著的。

您应该将样式表放在头部

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            div {
                ...
            }
        </style>
    </head>
    <body>
        <div>
            ....
        </div>
    </body>
</html>


div{
...
}
....

你应该把样式表放在头上

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            div {
                ...
            }
        </style>
    </head>
    <body>
        <div>
            ....
        </div>
    </body>
</html>


div{
...
}
....

你应该把样式表放在头上

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            div {
                ...
            }
        </style>
    </head>
    <body>
        <div>
            ....
        </div>
    </body>
</html>


div{
...
}
....

你应该把样式表放在头上

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            div {
                ...
            }
        </style>
    </head>
    <body>
        <div>
            ....
        </div>
    </body>
</html>


div{
...
}
....

将其放在开始位置

您应该将

STYLE

元素放在

标题中

有助于更快地加载页面，因为页面可以在HTML加载时呈现


当web浏览器读取网页时，它会按照编写HTML的顺序进行读取。因此，当样式表排在第一位时，这就是首先阅读的内容。然后，当浏览器访问HTML时，它已经知道如何对其进行样式设置，因此不必在显示内容之前等待加载CSS
为什么不将样式表放在页面底部
在底部放置样式表时，这会阻止许多浏览器，尤其是Internet Explorer，执行渐进式渲染。Internet Explorer甚至会阻止页面的呈现，直到添加了所有样式，这样就不必重新绘制页面。这意味着，在加载所有元素和样式之前，客户将看到一个空白的白页。
将其放在开始位置。
您应该将STYLE
元素放在标题中
有助于更快地加载页面，因为页面可以在HTML加载时呈现
当web浏览器读取网页时，它会按照编写HTML的顺序进行读取。因此，当样式表排在第一位时，这就是首先阅读的内容。然后，当浏览器访问HTML时，它已经知道如何对其进行样式设置，因此不必在显示内容之前等待加载CSS
为什么不将样式表放在页面底部
在底部放置样式表时，这会阻止许多浏览器，尤其是Internet Explorer，执行渐进式渲染。Internet Explorer甚至会阻止页面的呈现，直到添加了所有样式，这样就不必重新绘制页面。这意味着，在加载所有元素和样式之前，客户将看到一个空白的白页。
将其放在开始位置。
您应该将STYLE
元素放在标题中
有助于更快地加载页面，因为页面可以在HTML加载时呈现
当web浏览器读取网页时，它会按照编写HTML的顺序进行读取。因此，当样式表排在第一位时，这就是首先阅读的内容。然后，当浏览器访问HTML时，它已经知道如何对其进行样式设置，因此不必在显示内容之前等待加载CSS
为什么不将样式表放在页面底部
在底部放置样式表时，这会阻止许多浏览器，尤其是