您好,登錄后才能下訂單哦!
今天就跟大家聊聊有關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實現代碼復用的方法有進一步的了解嗎?如果還想了解更多相關內容,歡迎關注億速云行業資訊頻道,感謝各位的閱讀。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。