CSS中外聯(lián)樣式怎么寫
在CSS中,外聯(lián)樣式是一種非常實(shí)用的技術(shù),它可以將樣式表與HTML文檔分開,使得HTML文檔更加簡(jiǎn)潔、易于維護(hù),外聯(lián)樣式還可以提高樣式的可重用性和可維護(hù)性。
CSS中外聯(lián)樣式怎么寫呢?外聯(lián)樣式的寫法與普通的CSS樣式表非常相似,只是需要將樣式表保存為一個(gè)單獨(dú)的文件,并在HTML文檔中使用link元素將其引入即可。
我們可以將以下樣式表保存為style.css文件:
body { font-family: Arial, sans-serif; font-size: 16px; color: #333; background-color: #fff; } h1 { font-size: 32px; color: #000; } p { font-size: 14px; color: #666; }
然后在HTML文檔中使用link元素將其引入:
<!DOCTYPE html> <html> <head> <title>CSS中外聯(lián)樣式示例</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>這是一個(gè)標(biāo)題</h1> <p>這是一個(gè)段落。</p> </body> </html>
通過以上代碼,我們就可以在HTML文檔中使用外聯(lián)樣式了,需要注意的是,style.css文件需要保存在與HTML文檔相同的目錄下,否則無法找到并引入。