CSS外鏈式書寫格式指的是將CSS樣式表文件單獨存放在一個獨立的文件中,然后通過HTML中的鏈接引用到頁面中。這樣做的好處在于可以使頁面結構更加清晰,增加樣式的復用性和維護性。讓我們來看看如何使用CSS外鏈式書寫格式:
<head> <link rel="stylesheet" href="style.css"> </head>
以上代碼將style.css文件作為CSS樣式表文件引用到HTML頁面中。在style.css文件中,你可以定義頁面中所有元素的樣式。例如:
body { background-color: #f2f2f2; font-family: Arial, sans-serif; } h1 { font-size: 36px; color: #333333; text-align: center; } p { font-size: 18px; color: #666666; line-height: 1.5; margin-bottom: 20px; } a { color: #0077cc }
你可以根據需要,添加更多的樣式規則來完美定制你的網頁。同時,使用CSS外鏈式書寫格式,也有助于減少頁面加載時間,提高網頁性能。