關于公共css引入
公共css引入是前端開發中非常重要的一環。它能使不同頁面之間的元素樣式保持一致，提高網站整體的美觀度與可讀性。下面將介紹公共css引入的常用方法和注意事項。
常用方法
1. 外部引入：將公共css文件保存在獨立的文件中，通過<link>標簽引入到每個頁面中。這種方法可以減小頁面的大小，也能方便多人協作。
<head> <link rel="stylesheet" type="text/css" href="common.css" /> </head>
2. 內部樣式表：將公共的css樣式定義在<head>標簽的<style>標簽中，這個樣式只適用于當前頁面。
<head>
<style>
.box {
width: 100px;
height: 100px;
background-color: #ccc;
}
</style>
</head>3. 行內樣式：將樣式直接寫在html標簽中。這種方法適用于樣式比較小，僅適用于當前標簽的情況。
<div style="width: 100px; height: 100px; background-color: #ccc;"></div>
注意事項
1. 命名規范：為了方便維護，公共css需要遵循統一的命名規范，如BEM、OOCSS等。也可以自己定義一套命名規范，但需確保清晰易懂。
2. 兼容性問題：公共css樣式應該考慮不同瀏覽器的兼容性問題，要采取合適的hack或使用兼容性較好的屬性。
3. CSS權重：不同css樣式可能會發生權重的覆蓋問題，要考慮好權重關系，避免互相干擾。
總的來說，公共css的引入能使網站開發更加高效和統一，在開發中一定要注意以上注意事項，確保網站的美觀和可讀性。