CSS中內聯和外聯是用于控制HTML元素與CSS樣式之間連接的方式。內聯和外聯的優(yōu)先級是不同的，在CSS樣式中必須遵循一定的規(guī)則來使用它們。

內聯(In-line)

內聯樣式是直接嵌入到HTML元素的CSS樣式。內聯樣式的優(yōu)先級相對于其他CSS樣式規(guī)則更高，因為它直接覆蓋HTML元素的屬性。內聯樣式被包裹在HTML元素的內部，因此不會受到其他CSS規(guī)則的影響。

例如，以下是一個使用內聯樣式的HTML元素：

<div class="box">

<h1>這是一個內聯樣式的HTML元素</h1>

<p>這是另一個內聯樣式的HTML元素。</p>

</div>

在這個例子中，我們使用`.box`為HTML元素定義了一個樣式，并使用`h1`、`p`等CSS屬性為HTML元素中的子元素定義樣式。由于內聯樣式的優(yōu)先級高于其他CSS規(guī)則，`h1`和`p`的樣式將被覆蓋，只對HTML元素本身起作用。

外聯(Out-of-line)

外聯樣式是在HTML元素外部的CSS樣式，可以通過`style`屬性或者`<style>`標簽引用。外聯樣式的優(yōu)先級相對于其他CSS樣式規(guī)則較低，但仍然是有效的。

例如，以下是一個使用外聯樣式的HTML元素：

<div style="color: red;">

<h1>這是一個外聯樣式的HTML元素</h1>

<p>這是另一個外聯樣式的HTML元素。</p>

</div>

在這個例子中，我們使用`style`屬性為HTML元素中的子元素定義了顏色，并使用`h1`、`p`等CSS屬性為HTML元素本身定義了樣式。由于外聯樣式的優(yōu)先級較低，`h1`和`p`的樣式將被覆蓋，只對HTML元素本身起作用。

CSS規(guī)則的優(yōu)先級必須在使用它們時遵守。內聯樣式的優(yōu)先級更高，外聯樣式的優(yōu)先級較低。在實際應用中，可以使用內聯樣式來創(chuàng)建簡單的布局，而使用外聯樣式來創(chuàng)建更復雜的樣式。