发表于: 2017-03-14 23:13:57

2 660


今天完成的事情/收获:完成了大半的任务15 /深入的查询了解CSS模块化。

CSS模块化:

继承可谓是CSS模块化的关键所在,由于html元素可以拥有多个类,而且根据优先级,后面定义的属性可以覆盖前面的,正因为这样,继承这个特性发 挥了巨大的作用。对于某些多数样式属性相同,仅有几个不同样式属性的定义,可以用这个方法来实现。也可以在不改变某个通用样式类的同时,用HTML调用复 合类,突出局部特例。

网站的划分标准更大一些,是以网站的专题为模块,不幸的是,很多专题的页面风格都是类似的,导致各个模块间存在大量的冗余代码,这意味着对样式的改动将会相当麻烦,一个地方的改动需要同时修改多个css文件。

表面上看,虽然对CSS模块划分得细是一个不错的想法,但并不是越细越好。现在的一些开源系统,如dedecms,甚至说YUI框架的1.0版本, 都流行一种做法,就是把CSS模块细分成单属性,比如把宽度960px定义为.w960,把清除浮动定义.clear,把字体绿色定义为.green等 等。

这样做的好处是可以对页面元素的样式进行快速组装,通过引入多个类便可以达到我们想要的效果。但是,这样的做法会导致另外一个问题。这么做 与内联样式有什么区别?如果有一天,我们想要把多个地方的字体颜色由绿色改为红色,那么我们要做的不是改动css的color属性,而是把这些html元 素的class都由green改为red。请注意,我们的初衷是改变的页面表现,但最终我们需要改变结构来达到我们的目的,这样就做不到结构与表现的分离 了。

需要变通 说原子类好 就一股脑都用原子类 说less便于维护 就不分情况的用less 这是欠缺思考的表现 谁好谁坏 还是在具体项目中具体分析吧。

在个人看来 原子类用来设置一些固定的(通用化的)属性就好了,比如清除浮动 左右浮动 等 

明天计划的事情: 完成任务15/完善任务14 学习LESS(重点)函数 复习GIt的合并分区上传管理 加深代码架构拆分的概念;
遇到的问题:不用框架来做任务9 确实比较慢。但是之前用的弹性布局加上媒体查询就可以完美的解决了。一直没用雪碧图 今天居然不会用了 明天要和同门讨论学习下。

                 


返回列表 返回列表
评论

    分享到