在網頁制作中，有時我們需要將CSS代碼整合到外部文件中，從而達到重用的目的。這種方式十分方便，可以提高代碼的可維護性和可復用性。下面我們來介紹一下外鏈式CSS文件的寫法。
首先，我們需要準備一個CSS文件，一般以“.css”為文件擴展名。在文件中，我們可以編寫類似如下的CSS代碼：
body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
font-size: 16px;
color: #333;
}在HTML文件中，我們需要將CSS文件引入，使用標簽完成。該標簽需位于標簽內，并具有type、rel、href三個屬性。其中，type屬性指定引入的文件類型為CSS（即text/css），rel屬性指定文件類型為stylesheet，href屬性指定CSS文件路徑。
例如，我們可以在HTML文檔中添加如下代碼：<!doctype html> <html> <head> <meta charset="utf-8"> <title>外鏈式CSS文件的寫法</title> <link rel="stylesheet" type="text/css" href="./style.css"> </head> <body> <p>這里是一個段落文本，將“顏色、字體、背景”三項特性從HTML文件中獨立出來放在CSS文件中實現，在HTML文件中引入CSS文件，從而形成本頁面的樣式。</p> </body> </html>以上代碼中，第6行“<link rel="stylesheet" type="text/css" href="./style.css">”指定了CSS文件路徑為當前目錄下的style.css文件。 這就是外鏈式CSS文件的基本寫法，通過在CSS文件中編輯CSS代碼，并將CSS文件引入HTML文件中，我們便可以靈活地改變頁面樣式，提高代碼的維護性和可重用性。