在網頁設計過程中，常常會使用同一個CSS文件來控制多個頁面的樣式。比如我們有兩個頁面，分別是index.html和about.html，它們都引入了同一個樣式文件styles.css，這樣可以避免在每個頁面上都重新編寫一遍樣式代碼，提高了代碼的復用性和維護性。
<!-- index.html --> <head> <link rel="stylesheet" href="styles.css"> </head> <body> <h1>歡迎來到我的主頁</h1> <p>這是一段介紹文字。</p> </body> <!-- about.html --> <head> <link rel="stylesheet" href="styles.css"> </head> <body> <h1>關于我</h1> <p>我是一名前端開發工程師。</p> </body>
在實際開發中，我們常常會將通用的樣式代碼抽離成一個文件，放置在某個公共的目錄下，這樣可以方便地被多個頁面引用。同時，我們也可以在頁面上單獨添加一些特定的樣式代碼，以實現個性化的效果。