项目中的css样式复用

一直觉得css不被重视,都觉得它简单,门槛低,不能彰显广大闷骚程序猿的逼格。。。我觉的 css 是属于那中易学难用好的类型,一个项目可能随着页面的增加,css代码也会不段的膨胀,不仅加载起来比较慢,后期可能还难以维护,因为不确定这些代码都有哪些地方在用, 不敢轻易动,就继续增加新代码,因此,css样式复用的重要性就可想而知了。

最开始可以定义一些css原子类,就像这些

2017-12-23 21-08-07屏幕截图.png

一个大型的项目,肯定有一些非常常用的属性,比如text-align,float,border,positon等有可能出现十几次,几十次。。现在我们已经在项目开始的时候就已经定义好了css原子类,那么在需要左浮动的元素上只需要引入.fl的class就可以了。原来需要出现几十次的float:left现在只需要出现一次就可以了。 相同的原理,我们可以将页面模块化,然后将相同的模块抽离出来, 不同的地方,从新控制,这样就能 减少页面中的很多重复代码。

像页面中的一些按钮 也可以定义成一个类, 哪里需要 放哪里 就像框架中的组件一样 。

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容