在CSS中,我們可以使用外部文件來編寫樣式,外部文件是一個包含CSS樣式的文本文件,我們可以將其鏈接到HTML文檔中,以實現(xiàn)對網(wǎng)頁的樣式控制。
要編寫CSS外部文件,我們需要創(chuàng)建一個文本文件,例如styles.css
,并在其中編寫CSS樣式,每個樣式規(guī)則由兩部分組成:選擇器和聲明塊,選擇器用于指定要應(yīng)用樣式的HTML元素,而聲明塊則包含要應(yīng)用的樣式屬性及其值。
在styles.css
文件中,我們可以編寫以下樣式規(guī)則:
body { font-family: Arial, sans-serif; font-size: 16px; color: #333; background-color: #f0f0f0; }
這個規(guī)則會將網(wǎng)頁的字體設(shè)置為Arial,字體大小為16像素,顏色為#333(深灰色),背景顏色為#f0f0f0(淺灰色)。
我們需要在HTML文檔中應(yīng)用這個樣式表,我們可以通過在HTML文檔的<head>
部分中添加<link>
元素來實現(xiàn)這一點:
<head> <link rel="stylesheet" href="styles.css"> </head>
這個<link>
元素會將styles.css
文件鏈接到HTML文檔中,并應(yīng)用其中的樣式規(guī)則。
通過以上步驟,我們就可以在HTML文檔中使用CSS外部文件來編寫樣式了。