Javascript 样式和脚本标记序列

通常HTML页面包含以下标记

<script>
<link>
<style>

我发现更改这些标签的顺序会导致页面布局混乱

那么，避免这种情况的原因和要点是什么

编辑

在看了@Anurag的答案之后，我实际上假设我们没有一个案例，在不同的样式或链接标记中，我们有相同css类的两个定义

我主要关心的是css和脚本序列。在编写任何JavaScript之前，我们是否应该拥有所有的css类，这一点都不重要（我不这么认为）

比如说。 如果我在

JavaScript

标记之前定义

.floaty

类，那么它就不起作用了。

---

希望你明白我的意思。

顺序对于所有这些标签都很重要

标记是按顺序执行的，除非使用async或defer属性，因此页面后面出现的脚本标记可以覆盖函数/变量/。。这是以前宣布的

同样，样式表是按顺序应用的，并且具有关于如何处理冲突等的特定规则。例如，样式属性优先于所有内容，如果样式稍后出现，则它将覆盖以前的样式。比如说,

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

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

.第页{
背景色：#CCC；
}
.第页{
背景色：#222；
}

---

页面的颜色将是

#222

如果没有看到更多的HTML，我无法具体告诉您。但是，如果我可以提出建议，我建议不要将任何样式或脚本内联到HTML中。你不想这样做的原因有很多，但是要更好地解释你不想这样做的原因

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

在这种情况下，

和

标记的顺序是最重要的

标记将保存对样式表的引用，您在其中定义了大部分页面布局。

标记将定义样式表中定义的异常或添加项

因此，您首先需要知道默认值是什么，然后才能添加内容或对其进行例外。这就是为什么

标记应该出现在

标记之前的原因。 样式定义（图纸和内联）按顺序应用。最后一个定义覆盖以前的定义

---

然后我们还有

标签。这些与打乱你的布局无关。

---

根据经验，我总是在

标记后声明它们。为什么？首先向访问者展示一个漂亮的页面，脚本应该用于支持其他功能

实际上，我正在尝试实现，我发现在JavaScript之前编写style标记是行不通的。“这些与弄乱布局无关。”-除非，我认为，这些脚本检查DOM的样式元素并对其进行操作。在这种情况下，订单将是相关的，虽然，承认，这是非常不可能的！