CSS公共樣式表是指在多個頁面中共用的樣式表,以避免重復的CSS代碼編寫。它通常包括顏色、字體、布局和大小等樣式規則。
/*定義公共樣式*/ /*顏色*/ body { background-color: #f8f8f8; color: #333; } /*字體*/ h1, h2, h3 { font-family: Arial, sans-serif; font-weight: bold; } /*布局*/ .container { max-width: 1200px; margin: 0 auto; padding: 20px; } /*大小*/ img { max-width: 100%; height: auto; }
通過將這些CSS規則放入公共樣式表中,我們可以輕松地在多個頁面中使用它們。同時,它還可以避免代碼重復,提高代碼的可讀性和可維護性。
可以使用link標簽將公共樣式表鏈接到HTML文檔中:
<head> <link rel="stylesheet" href="styles.css"> </head>
這將使HTML文檔在加載時自動應用定義的公共樣式。
總結來說,CSS公共樣式表是一種在多個頁面中使用的樣式表,可以避免CSS代碼重復,提高代碼可讀性和可維護性。
上一篇css 圖片鏈接效果