CSS的外聯(lián)樣式是指將樣式表代碼保存在一個(gè)外部文件中,然后通過(guò)鏈接該外部文件來(lái)應(yīng)用樣式,在HTML文檔中,可以使用<link>
元素來(lái)鏈接外部樣式表文件。
下面是一個(gè)CSS外聯(lián)樣式的示例:
<!DOCTYPE html> <html> <head> <title>CSS外聯(lián)樣式示例</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <h1>歡迎來(lái)到我的網(wǎng)站!</h1> <p>這是一個(gè)CSS外聯(lián)樣式的示例。</p> <img src="image.jpg" alt="圖片示例"> <div id="content"> <p>這里是網(wǎng)站的主要內(nèi)容區(qū)域。</p> </div> <footer> <p>版權(quán)信息 ? 2023</p> </footer> </body> </html>
在這個(gè)示例中,<link>
元素位于<head>
部分,用于鏈接到名為styles.css
的外部樣式表文件,這個(gè)文件可以包含各種CSS樣式規(guī)則,用于美化網(wǎng)頁(yè)的外觀和布局,通過(guò)鏈接這個(gè)文件,HTML文檔可以繼承其中的樣式規(guī)則,從而實(shí)現(xiàn)網(wǎng)頁(yè)的美化和樣式的統(tǒng)一。
需要注意的是,外部樣式表文件styles.css
必須位于與HTML文檔相同的目錄中,或者可以通過(guò)相對(duì)路徑或***路徑來(lái)指定其位置。<link>
元素的type
屬性應(yīng)設(shè)置為text/css
,以指示這是一個(gè)CSS樣式表文件。