在編寫CSS樣式表時，很可能需要在不同的HTML頁面或模塊中引用相同的樣式，避免重復編寫樣式代碼，減少代碼量，可以減輕工作量，提高代碼的復用性。本文將講解如何引用相同的CSS樣式。
在HTML頁面頭部的<head>標簽內可以添加<link>標簽，使用rel屬性指明文件類型為stylesheet，使用href屬性指定引用的CSS文件的路徑：
<link rel="stylesheet" href="path/to/styles.css">
使用<link>標簽引用CSS文件時，只需要在HTML頁面頭部的<head>標簽內添加一個引用CSS文件的<link>標簽即可，不需要重復引用相同的CSS樣式。
除了使用<link>標簽引用CSS文件外，也可以在CSS樣式表中定義公共的樣式，然后在需要應用這些樣式的元素中添加類名，在HTML頁面中引用相同的CSS樣式：
/* 在CSS樣式表中定義公共的樣式 */
.common-style{
width: 100px;
height: 50px;
background-color: red;
}
/* 在HTML元素中添加類名 */
<div class="common-style"></div>在HTML元素中添加class屬性，值為在CSS樣式表中定義的樣式類名，即可引用相同的樣式。
總的來說，使用<link>標簽或定義公共的樣式類都可以引用相同的CSS樣式，減少CSS代碼的重復編寫，提高CSS代碼的可維護性。在實際應用中，需要根據具體情況選擇合適的方法。
上一篇css引用方