样式和脚本标记序列

世界的秩序 <link> 和 <style> 在这种情况下,标签是最重要的。

<链接> 标记将保留对样式表的引用,您在其中定义了大部分页面布局。 这个 <样式>

<链接> <样式> 标签。 样式定义(图纸和内联)按顺序应用。最后一个定义覆盖以前的定义。

然后我们还有 <script> 标签。这些和弄乱你的布局无关。 根据经验,我总是在我出生后申报 < 标签。为什么?首先向访问者展示一个好看的页面,脚本应该用来支持额外的功能。

other articles and websites 更好地解释你为什么不想。

而且,通过不内联,它可以修复您当前遇到的问题。

<script> 除非使用async或defer属性,否则标记是按顺序执行的,因此页面后面出现的脚本标记可以覆盖函数/变量/。。以前申报的。

同样地,样式表是按顺序应用的,并且有关于如何处理冲突等的特定规则。例如,样式属性优先于所有内容,如果一个样式稍后出现,那么它将覆盖上一个样式。例如,

<style>
    .page {
        background-color: #CCC;
    }
</style>

<style>
    .page {
        background-color: #222;
    }
</style>

页面的颜色将是 #222 .