外部式 CSS 是一種使用外部文件來定義 HTML 文檔中樣式的方法。使用外部式 CSS 的好處是可以將樣式和內容分離,使得 HTML 文檔更加易于維護和修改。
要使用外部式 CSS,需要在 HTML 文檔中使用 link 元素來引入外部樣式表。下面是一個示例:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>在這個示例中,我們使用 link 元素來引入名為 style.css 的外部樣式表。href 屬性指定了樣式表文件的路徑, type 屬性指定了文件的類型。 在樣式表文件中,我們可以使用選擇器來選擇需要應用樣式的 HTML 元素。下面是一個示例:
p { color: red; font-size: 16px; }在這個示例中,我們使用 p 選擇器來選擇所有的段落元素,并設置它們的顏色為紅色,字體大小為 16 像素。通過這種方式,所有的段落元素都會使用這個樣式。 除了標簽選擇器外,還可以使用類選擇器和 ID 選擇器來選擇元素。示例如下:
.my-class { color: blue; } #my-id { font-weight: bold; }在這個示例中,我們使用 .my-class 來選擇具有 my-class 類名的元素,并將它們的顏色設置為藍色。使用 #my-id 來選擇具有 my-id ID 值的元素,并將它們的字體加粗。 通過結合使用外部式 CSS 和選擇器,我們可以輕松地控制 HTML 文檔中元素的樣式。這不僅使得文檔更加美觀,而且也使得文檔維護更加方便。
上一篇多看閱讀 css 代碼
下一篇css過去class下的