CSS面板連接外部樣式表
在HTML中，我們可以使用style標簽來為文檔中的元素添加樣式。但是，如果一個網站有很多頁面，每個頁面都需要使用一些相同的樣式，那么我們不可能每個頁面都寫一遍相同的樣式。這個時候，我們就可以把這些公共的樣式抽出來，放到一個CSS文件中，然后在各個頁面中鏈接這個CSS文件，這樣就可以實現樣式的復用了。
連接外部樣式表的代碼如下：
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> </head> <body> <p>這是一個示例段落</p> <div class="example-div">這是一個示例div</div> </body> </html>
其中，link標簽用于鏈接外部樣式，href屬性指定了樣式表的路徑，rel屬性指定了鏈接的關系，這里是"stylesheet"，type屬性指定了文件的類型，這里是"text/css"。
在style.css文件中，我們可以寫入一些公共的樣式，如：
p {
line-height: 1.5;
font-size: 16px;
color: #333;
}
.example-div {
padding: 10px;
background-color: #f5f5f5;
}這些樣式就可以被各個頁面所共用，實現了樣式的復用。另外，使用外部樣式表還可以方便我們維護網站樣式，減少代碼冗余，提高頁面加載速度，是開發網站必備的技能之一。
下一篇css轉換3d代碼