在HTML網頁中,CSS(層疊樣式表)是用于控制頁面樣式和布局的語言。通過CSS,網頁開發者可以在HTML代碼中定義不同的樣式規則,從而控制字體、顏色、間距、寬度等樣式屬性,使得網頁看起來更加美觀和整潔。
要將CSS應用到HTML代碼中,一般有三種方式:
1. 內部樣式表。使用內部樣式表,可以將CSS代碼寫在HTML文檔的<head>標簽中的<style>標簽里。下面是一個例子:
<head> <style> p { color: red; font-size: 14px; } </style> </head>
以上代碼中,我們定義了一個樣式規則,指定了<p>元素的文字顏色為紅色,字體大小為14像素。當該HTML文檔被瀏覽器打開時,CSS樣式就會被應用到頁面中的相關元素。
2. 外部樣式表。使用外部樣式表,可以將CSS代碼單獨寫在一個CSS文件中,再通過HTML文檔中的<link>標簽引用。下面是一個例子:
<head> <link rel="stylesheet" href="style.css"> </head>
以上代碼中,我們通過<link>標簽引用了名為“style.css”的外部樣式表文件。在該文件中,我們可以定義各種樣式規則,例如:
p { color: red; font-size: 14px; }
與內部樣式表類似,外部樣式表也會被瀏覽器解析并應用到HTML文檔中的相關元素。
3. 行內樣式。在HTML元素中使用style屬性,可以定義該元素的行內樣式。下面是一個例子:
<p style="color: red; font-size: 14px;">這是一個段落。</p>
以上代碼中,我們在<p>標簽中使用了style屬性,指定了該元素的文字顏色為紅色,字體大小為14像素。雖然行內樣式可以直接應用到某個元素,但建議盡量避免使用,以增強樣式的可維護性和復用性。