在CSS中,我們可以把樣式定義在一個外部的CSS文件中,然后在HTML中使用標簽將其引入。這樣,我們就可以通過修改CSS文件來改變整個網站的樣式。
<link rel="stylesheet" type="text/css" href="style.css">
代碼中,<link>
標簽有三個屬性:
rel
屬性指定關系,用于表示引入的文件類型,如“stylesheet”表示樣式表。type
屬性指定類別,用于表示引入文件的MIME類型,如“text/css”表示CSS文件。href
屬性指定引入文件的地址,可以是相對路徑或絕對路徑。
在將CSS文件引入HTML文件后,我們可以使用CSS中定義的樣式來修飾HTML文件中的元素。例如:
<html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p class="title">這是一段標題</p> <p>這是一段普通文本</p> </body> </html>
在CSS文件中,我們可以定義類(class)、ID和元素選擇器(element selector)等不同類型的選擇器來選擇不同的HTML元素,并為其定義不同的樣式。例如:
.title { font-size: 24px; color: blue; } p { font-size: 14px; color: gray; }
在以上代碼中,我們為類名為“title”的
元素定義了字體大小為24像素、顏色為藍色的樣式,為所有
元素定義了字體大小為14像素、顏色為灰色的樣式。