css原子类用法

css原子类用法

---

 

• 问题描述：如何使用css原子类文件
  
  • 　　1：free.css
  • 　　2：common.css
  • 　　3: 可以按需要进行common.css分类（不作展开）

---

 

• free.css
  

  • 禁止添加改变删除free.css已有原子类

    free.css内容为bootstrap原子类简化版

---

 

• common.css
  

  • common.css内容默认为空，已有内容属于该项目原子类

    有想添加的，覆盖的free.css原子类需添加到common.css，部署顺序需free.css

    一般项目设计图需要配置的项目基本css有如下:

    1. 设计稿统一颜色：text-main(文字主颜色)，text-main-hover(文字hover颜色)，bg-main(主背景颜色)等，（如默认黑白色free.css已有）

    2. 设计稿统一文字尺寸/字体：font-lg，font-md， font，font-small ，font-smaller（可自行添加）

---

 

• 感谢您的阅读，如果有误，或者其他问题，请回复

 

---