CSS外部樣式是指在HTML文檔之外，通過一個<style>標簽或<link>標簽將其引入到HTML文檔中。這種方式可以將CSS樣式與HTML分離，使得HTML文檔中的樣式更加靈活和可定制。在引入CSS外部樣式時，需要將樣式文件名與HTML文件名相同，并且將其放在HTML文件的頭部，以便能夠被HTML中的元素所訪問。

以下是一些使用CSS外部樣式的示例：

1. 自定義樣式表

我們可以在HTML文件中引入一個自己的CSS樣式表，用于控制網頁中所有元素的樣式。例如，我們可以創建一個名為“CustomCSS.css”的CSS文件，其中包含以下樣式規則：

```css

/* 控制文本樣式 */

body {

font-size: 16px;

font-weight: bold;

/* 控制圖像樣式 */

width: 100%;

height: auto;

color: #F00;

text-decoration: none;

2. 使用瀏覽器內置樣式

除了通過自定義樣式表來設置元素的樣式外，我們還可以使用瀏覽器內置的樣式。例如，在Chrome瀏覽器中，我們可以通過在HTML文件中引入以下樣式規則來設置文本樣式：

```css

/* 控制文本樣式 */

body {

font-size: 16px;

font-weight: bold;

color: #F00;

text-decoration: none;

在這個示例中，我們使用了瀏覽器內置的樣式規則，無需在HTML文件中設置自己的樣式規則。

在實際應用中，使用CSS外部樣式可以使HTML文檔更加靈活和可定制。通過引入外部樣式表，我們可以控制網頁中所有元素的樣式，使網頁更加美觀和易于閱讀。此外，通過將CSS樣式與HTML分離，我們還可以使HTML文檔中的樣式更加靈活和可擴展。