如何實現css程式碼復用

如何實作css程式碼重複使用？

（推薦學習：css快速入門）

建議如下：

1、在做CSS專案規劃時，先寫好reset類別代碼；

因為瀏覽器對於標籤是有預設樣式的。

2、分割CSS原子類；

一個大型的項目，會有一些常用的css規則，像是text-align,float,border,positon等有可能出現十幾次，幾十次。加入我們已經在專案開始的時候就已經定義好了我們的css原子類，那麼在需要左浮動的元素上只需要引入.fl的class就可以了。

但是，當一個元素引入的css原子類多起來的時候，那麼這個元素的class的值也會快速膨脹起來，class屬性值最好不要超過5個，當過多時，我們可以考慮css模組化。

3、把專案中可重複使用的元件模組化；

例如button,input，單獨放在common元件檔案裡，既能保持網站風格的統一，又便於後期復用和維護。

以上是如何實現css程式碼復用的詳細內容。更多資訊請關注PHP中文網其他相關文章！