CSS层叠样式模块化让后期维护越发简朴

　　猛火建站学院(LieHuo.Net)CSS教程 本日着重讲一下模块化开拓为后期维护带来的甜头！

　　起首，不管了不相识，鬼哥的这篇文章都可以看一下，

　　并不是多高妙的对象，在事变中，应用div+css操纵，你应该会慢慢的去想，奈何进步服从，奈何兼容，奈何精辟代码，奈何让后期维护变的越发简朴。你也许每过一段时刻，都想把本身早年写的对象重构一下。这是很好的设法，也是很好的示意，由于你一向在不绝的前进。模块化的头脑，一定会在你的逐渐前进之中被你贯通！

　　这里着重讲一下模块化开拓为后期维护带来的甜头！在事变中，我做了一个如下图布局的网站。

　　起主要说一下缪同窗，（备注，不是我公司里的徒弟），缪同窗是一个很罗嗦很繁琐的人。这两个形容词着实都不适当。这不，第二天，他让我把B和C阁下交流个位置，我说没题目，打开css，把side_list和side_content的left的值改了一下。他仍旧很罗嗦。第四天，他让我把B1和B3的位置换一下，我说没题目，打开css，把sub_list_1和sub_list_3的top的值改了一下。第六天，他让我把B1放到C里的下边并居中。好吧，我打开html，把包括文件中的sub_list_1剪切到side_content的底部。

　　在做这些的进程中，我只是由于两个模块内有沟通的hx而针对他们写了一个!important。

　　虽然，这仅仅是模块化计划的甜头之一。

　　必要留意的处所：

　　A 上下级模块内沟通标签的优先级题目。
　　B  全局样式的和模块样式的优先级。
　　C 精采的扩展性。
　　D 只管做到具有沟通标签的模块是平行相关。
　　E 优化你的全局样式，让模块代码更简捷。

　　在我这里，计划到切图机关都是一小我私人，以是，不存在定名斗嘴题目。多人协作的时辰，模块化计划同样可以停止这一题目。有用的停止定名、样式斗嘴等题目。

　　上边说的留意的第三条，精采的扩展性。许多时辰，好比，layout内有A/B/C三个元素，layout内有10px的边，那么，这10px的边，毕竟是在layout上用padding表达照旧在子元素上用margin表达？虽然，差异环境差异看待！

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!