CSS是網(wǎng)頁設(shè)計中最重要的一部分之一,可以用來控制網(wǎng)頁中的樣式和布局。它具有三種主要的用法:
1. 內(nèi)部樣式表
內(nèi)部樣式表是指將CSS樣式直接寫在HTML文檔中的<head>標簽內(nèi)。此方法適用于僅修改特定網(wǎng)頁的樣式,它可以使用<style>標簽來定義樣式。例如:
<head> <style> p { color: #333; font-size: 16px; text-align: center; } </style> </head>
在上面的代碼中,使用了p標簽選擇器來定義段落的樣式。其中,color、font-size和text-align是屬性,#333和16px是屬性值。
2. 外部樣式表
外部樣式表是將CSS樣式保存到一個獨立的CSS文件中,然后通過<link>標簽在HTML文檔中引用它。外部樣式表適用于更大型的網(wǎng)站和需多個頁面共享相同的樣式,因為可以輕松地對樣式進行修改和管理。例如:
/*文件名style.css*/ p { color: #333; font-size: 16px; text-align: center; }
/*在HTML中引用*/ <head> <link rel="stylesheet" href="style.css"> </head>
引用了style.css文件后,頁面中所有的p標簽都會應(yīng)用樣式表中相應(yīng)的樣式。
3. 內(nèi)聯(lián)樣式
內(nèi)聯(lián)樣式是將CSS樣式直接寫在HTML元素的style屬性中。此方法適用于僅臨時地修改元素的樣式。例如:
<p style="color: #333; font-size: 16px; text-align: center;">這是一段文本</p>
在這種情況下,樣式應(yīng)用于特定的p元素,而不影響其他p元素。