外部的 .css 文件是一種很常見的樣式表(style sheet)文件,它可以被網頁引用以為網頁添加樣式。外部的 .css 文件通常會被保存為一個單獨的文件,文件名以 .css 結尾,例如:
style.css這個文件可以包含一些常規的 CSS 樣式規則,比如:
body { font-family: Arial, sans-serif; background-color: #f2f2f2; } h1 { color: #0099cc; } p { line-height: 1.5em; }
要引用這個 .css 文件,可以在網頁的頭部(head)標簽內添加一行代碼:
<link rel="stylesheet" href="style.css">其中
rel="stylesheet"表示這是一個樣式表,
href="style.css"表示樣式表的文件名是 "style.css"。這樣做之后,網頁就可以使用樣式表中定義的樣式了。
使用外部的 .css 文件有很多好處。首先,它可以讓多個網頁共享同樣的樣式,這樣可以大大減少代碼的重復性。其次,當需要修改網頁的樣式時,只需要修改 .css 文件即可,不需要修改每個網頁的 HTML 代碼。此外,外部的 .css 文件還有助于提高網頁的加載速度,因為瀏覽器可以緩存文件,不需要每次加載都重新下載樣式規則。
上一篇css過度 顏色效果
下一篇外鏈導入css