CSS樣式表可以通過(guò)三種方式來(lái)應(yīng)用到HTML文檔中：行內(nèi)樣式，內(nèi)部樣式和外部樣式。其中，外部樣式表被視為最佳實(shí)踐和更為靈活和可維護(hù)的方式，因?yàn)樗梢詥为?dú)管理，修改和應(yīng)用于多個(gè)HTML文檔。
在使用外部樣式表時(shí)，我們通常將CSS代碼寫(xiě)成一個(gè)單獨(dú)的文檔，即CSS文件。CSS文件需要用link標(biāo)簽來(lái)與HTML文檔鏈接，以便對(duì)該文檔應(yīng)用樣式。這是一個(gè)非常簡(jiǎn)單的例子:
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Hello World!</h1> </body> </html>
上面的HTML代碼聲明了一個(gè)外部CSS文件“style.css”，并將鏈接應(yīng)用到HTML文檔中。現(xiàn)在我們可以在CSS文件中添加樣式規(guī)則，例如：
/* style.css */
h1 {
color: blue;
}這個(gè)規(guī)則將改變HTML文檔中的每個(gè)
元素的文本顏色為藍(lán)色。此外，CSS文件中的規(guī)則通常比內(nèi)部或行內(nèi)樣式表更易于閱讀和維護(hù)，而且不會(huì)讓HTML變得太復(fù)雜。
最后，請(qǐng)注意，我們需要確保CSS文件與HTML文檔位于同一個(gè)目錄，或者我們需要使用相對(duì)路徑來(lái)指定CSS文件的位置。