CSS（層疊樣式表）是網頁設計中不可或缺的一部分。人們使用CSS來控制頁面布局、顏色和樣式。有時候，在我們編寫HTML時，會使用行內樣式（inline style）來控制元素的外觀。但是，CSS提供了更加高效和靈活的方式來管理頁面的樣式。
在開始學習如何替換行內樣式之前，請確保您已經了解了CSS的基本知識。以下是一個CSS樣式規則的模板：
selector {
property: value;
}其中，selector是您要選擇的HTML元素，property是您要設置的屬性，value是該屬性的值。例如：
p {
color: blue;
}這個樣式規則會將所有<p>元素的文本顏色設為藍色。
現在，讓我們來看看如何將CSS應用到HTML元素，而不是使用行內樣式。
首先，我們需要創建一個CSS樣式表。這可以通過在<head>標記中添加以下代碼來完成：
<head> <link rel="stylesheet" href="mystyle.css"> </head>
在這個例子中，我們將一個名為“mystyle.css”的文件鏈接到HTML文檔中。這個文件中應該包含所有您希望在HTML頁面中使用的CSS樣式規則。
接下來，我們需要確定哪些元素應該受到這些規則的影響。要選擇HTML元素，我們需要使用CSS選擇器。例如，要選中所有類名為“myclass”的元素，可以使用以下CSS規則：
.myclass {
color: red;
}這個規則將使所有<div class="myclass">及其子元素變為紅色。請注意，“.”是一個類選擇器的前綴。
當我們將CSS樣式表鏈接到HTML文檔后，所有符合選擇器條件的元素將自動受到相應的樣式規則影響。這意味著行內樣式可以被CSS樣式表中的規則所替代。如果我們要將所有<p>元素的文本顏色設置為藍色，可以使用以下規則：
p {
color: blue;
}這個規則會將所有<p>元素的文本顏色設為藍色，無論它們是否包含行內樣式。
總之，CSS樣式表提供了更加高效和靈活的方式來管理網頁的樣式。通過選擇器和規則，我們可以輕松地控制HTML元素的外觀，而且可以將行內樣式替換為更加適合的樣式規則。