外部CSS是指將CSS代碼單獨(dú)存儲(chǔ)在一個(gè).css文件中,并在HTML頁(yè)面中使用link標(biāo)簽引用。這種方式可以使網(wǎng)頁(yè)代碼更加清晰、簡(jiǎn)潔,也方便對(duì)CSS進(jìn)行統(tǒng)一管理和維護(hù)。
下面是一個(gè)示例:
HTML代碼: <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> </head> <body> <h1>這是一個(gè)標(biāo)題</h1> <p>這是一個(gè)段落。</p> </body> </html> CSS代碼: h1 { color: red; font-size: 36px; } p { color: blue; font-size: 24px; }
在上面的代碼中,CSS代碼被保存在一個(gè)名為style.css的文件中,并通過(guò)link標(biāo)簽在HTML頁(yè)面中引用。其中,h1和p標(biāo)簽被設(shè)置了樣式,h1標(biāo)簽的顏色為紅色,字體大小為36像素,p標(biāo)簽的顏色為藍(lán)色,字體大小為24像素。
通過(guò)將CSS代碼單獨(dú)存儲(chǔ)在一個(gè)文件中,我們可以輕松地修改樣式,而不需要修改HTML代碼。這樣可以提高代碼的可讀性、可維護(hù)性和可擴(kuò)展性。