CSS外聯(lián)式是一種將CSS樣式表與HTML文檔分開存儲的方法,它可以提高網(wǎng)頁的加載速度和可維護性,在CSS外聯(lián)式中,樣式表被存儲在一個單獨的.css文件中,然后通過HTML文檔的<link>元素引入到頁面中。
要編寫CSS外聯(lián)式,首先需要創(chuàng)建一個.css文件,并在其中定義樣式規(guī)則,我們可以創(chuàng)建一個名為styles.css的文件,并定義一些簡單的樣式規(guī)則:
body { font-family: Arial, sans-serif; background-color: #f0f0f0; } h1 { color: #333; font-size: 24px; }
在HTML文檔中使用<link>元素引入樣式表:
<head> <link rel="stylesheet" href="styles.css"> </head>
在上面的代碼中,<link>元素的rel屬性指定了關(guān)系類型為stylesheet,表示這是一個樣式表文件,href屬性則指定了樣式表的路徑,可以是相對路徑或***路徑。
通過這種方式,HTML文檔和樣式表就被分離了,樣式表可以在多個頁面之間共享使用,提高了網(wǎng)頁的加載速度和可維護性,我們還可以對樣式表進行緩存,進一步提高頁面的性能。