在編寫HTML文檔時,我們經常會需要設置各種樣式。為了方便管理樣式,我們可以使用外部的CSS類來控制樣式。下面是一些相關信息:
? 外部CSS類是一組共享樣式的規則集合,可以在多個HTML頁面中重復使用。 ? 外部CSS類定義的樣式是通過一個獨立的樣式表文件來實現的。 ? 外部CSS類可以被多個HTML頁面共享。 ? 外部CSS類使用“class”屬性來標識HTML元素,類名以“.”開頭。
下面是一個例子:
樣式表文件(style.css): .content{ font-size: 20px; font-weight: bold; color: red; } HTML文件: <html><head><link href="style.css" rel="stylesheet" type="text/css"></head><body><div class="content">這是要使用樣式的內容段。 </div></body></html>
在上面的例子中,“style.css”是樣式表文件的名稱,它定義了名為“content”的外部CSS類。在HTML文件中,我們通過使用<link>標記與樣式表建立聯系,并將我們要使用樣式的元素的class屬性設置為“content”。
注意,一個HTML元素可以擁有多個class屬性,用空格分隔。同時,CSS規則可以同時應用于多個class,如下所示:
CSS規則: .content, .main{ font-size: 20px; font-weight: bold; color: red; } HTML文件: <div class="content main">這是要使用樣式的內容段。 </div>
上面的例子中,“style.css”定義了兩個外部CSS類,“content”和“main”。在HTML文件中,我們將class屬性設置為“content main”,這意味著這個元素將同時使用兩個CSS類的樣式。
總之,使用外部CSS類可以讓我們更方便地管理HTML樣式,避免重復編寫相同的樣式,提高代碼的可維護性。