在HTML中,CSS用來定義網頁的樣式和布局。CSS可以通過內部樣式、外部樣式和行內樣式三種方式來使用。不同的方式適用于不同的場景,可以選擇最適合自己的方式來使用。
內部樣式是指在HTML文件中使用style標簽來定義CSS,樣式只適用于當前文件,其他文件無法享受樣式的應用。內部樣式使用的格式如下:
<head> <style type="text/css"> /* CSS代碼 */ </style> </head>
外部樣式是指將CSS定義在一個獨立的CSS文件中,然后在HTML文件中使用link標簽來引入CSS文件。這種方式可以使得多個文件都共享同一個樣式,方便管理和維護。外部樣式使用的格式如下:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
行內樣式是指在HTML標簽中使用style屬性來定義CSS,這種方式使用較少,一般只在需要臨時修改樣式時才用到。行內樣式使用的格式如下:
<p style="color:red;font-size:14px;">這是一個段落<p>
上述三種方式的優先級是行內樣式 > 內部樣式 > 外部樣式。如果同一個屬性在不同的樣式表中都有定義,樣式優先級較高的會覆蓋樣式優先級較低的。
CSS的語法由選擇器和聲明塊組成。選擇器用來選擇希望應用樣式的HTML標簽,聲明塊則用來定義樣式。例如:
p { color: red; font-size: 14px; }
上述代碼表示選擇所有的p標簽,并將其文字顏色設為紅色,并將字體大小設為14像素。這是一個簡單的CSS示例,CSS可以定義的樣式非常豐富,如背景、邊框、外邊距、內邊距、浮動等等。掌握CSS可以讓網頁變得更加美觀和易于使用。