CSS樣式表可以通過三種方式來應用到HTML文檔中:行內樣式,內部樣式和外部樣式。其中,外部樣式表被視為最佳實踐和更為靈活和可維護的方式,因為它可以單獨管理,修改和應用于多個HTML文檔。
在使用外部樣式表時,我們通常將CSS代碼寫成一個單獨的文檔,即CSS文件。CSS文件需要用link
標簽來與HTML文檔鏈接,以便對該文檔應用樣式。這是一個非常簡單的例子:
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Hello World!</h1> </body> </html>
上面的HTML代碼聲明了一個外部CSS文件“style.css”,并將鏈接應用到HTML文檔中。現在我們可以在CSS文件中添加樣式規則,例如:
/* style.css */ h1 { color: blue; }
這個規則將改變HTML文檔中的每個
元素的文本顏色為藍色。此外,CSS文件中的規則通常比內部或行內樣式表更易于閱讀和維護,而且不會讓HTML變得太復雜。
最后,請注意,我們需要確保CSS文件與HTML文檔位于同一個目錄,或者我們需要使用相對路徑來指定CSS文件的位置。
下一篇css單元格文字居中