CSS不僅可以使用內聯樣式添加到HTML標簽中,還可以使用外部樣式表或外聯樣式表。這個外部樣式表或外聯樣式表可以用來同一改變整個網頁的外觀。
<link rel="stylesheet" type="text/css" href="style.css">
上述代碼就是如何導入外部樣式表的示例,其中rel表示關系,type表示文件類型,href則是文件位置和文件名。
與內聯樣式不同的是,外部樣式表通常存儲在單獨的CSS文件中,同一個CSS文件可以使用不同的網頁鏈接,從而實現整個網站的一致性布局。
body { background-color: white; font-family: Arial; color: black; }
上面的代碼是在CSS文件中定義的樣式,在HTML文件中鏈接對應的CSS文件后,就可以像下面這樣使用:
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p>這是一段文字。</p> </body> </html>
這里body標簽的樣式就是來自于之前定義好的CSS文件,可以看到相對于內聯樣式,外部樣式表更加整潔易于維護,特別是在大規模網站開發的時候,可以大大提高工作效率。