最前面css

在HTML文檔中，CSS規則可以通過多種方式引入，但如果你想要樣式規則立即生效，即在最前面套用樣式，你可以使用以下幾種方法：

內聯樣式：
```
<div style="color: red;">This text is red.</div>
```
內聯樣式直接在HTML元素上套用樣式，優先權最高。
行內樣式：
```
<div>This text is red.</div>
<style>
  div {
    color: red;
  }
</style>
```
行內樣式是在<style>標籤中定義的，它們會在文檔載入時立即生效。
外部樣式表：
```
<head>
  <link rel="stylesheet" href="style.css">
</head>
```
外部樣式表是一個獨立的CSS檔案，通過<link>標籤連結到HTML文檔。雖然它們不是直接在HTML文檔的最前面，但它們會在頁面載入時被瀏覽器立即讀取和套用。
嵌入式樣式：
```
<head>
  <style>
    div {
      color: red;
    }
  </style>
</head>
```
嵌入式樣式直接在HTML文檔的<head>部分中定義，它們會在文檔載入時立即生效。

在實際套用中，通常推薦將樣式規則放在外部樣式表中，因為這樣可以更好地組織和管理樣式，並且可以跨多個頁面共享樣式規則。內聯樣式和行內樣式通常用於臨時樣式或特定的樣式覆蓋。