在使用CSS進行頁面美化的時候,我們通常會使用外部樣式表。與內部樣式和行內樣式相比,外部樣式更加方便管理和修改。那么,CSS外部樣式表應該怎么保存呢?
首先,我們需要打開一個文本編輯器,例如Windows中的Notepad或者Mac中的TextEdit。在編輯器中輸入以下代碼:
/* my_styles.css */ body { background-color: #f0f0f0; color: #333; font-family: Arial, sans-serif; } h1 { font-size: 2em; font-weight: bold; margin-bottom: 0.5em; } p { font-size: 1em; line-height: 1.4; margin-bottom: 1em; }
上面的代碼定義了一些基本的樣式規則,包括網頁的背景顏色、文本顏色、字體、標題、段落等。我們將這些樣式規則保存到一個名為“my_styles.css”的文件中。在保存時,我們需要注意以下幾點:
1. 文件名必須以“.css”結尾。
2. 文件名中不應該包含空格。
3. 在保存時,需要選擇文件類型為“純文本”或“TXT”格式。
保存好CSS外部樣式表后,我們需要在HTML文件中引用它。為了引用樣式表,我們可以在HTML文件中添加如下代碼:
<head> <link rel="stylesheet" type="text/css" href="my_styles.css"> </head>
上面的代碼將CSS樣式表文件“my_styles.css”與HTML文件關聯起來。我們可以通過修改“my_styles.css”文件來改變HTML頁面的樣式。這樣,我們就可以通過外部樣式表來方便地管理和修改樣式了。