当网站越来越庞大的时候,管理、设计往往会有很大的问题。CSS模块化即在网站设计早期就想好CSS代码将要分解为哪几部分,每一部分的作用。同时这样也给多人协作编写代码带来方便。
自己对css框架,css模块这些感念一直比较模糊,完全跟风状态。最近在工作中遇到的问题,让自己不得不重视起这个问题。习惯了一个人搞定一切,策划-设计-出页面,当一个项目需要短时间多人协作完成时,样式文件的规划,css模块、框架的思想就先的尤其重要。 下面这个问题最近比较困扰:如果几个人同时 做一个网站前台,怎么样分配能让整站 风格统一,样式文件结构合理没有重复冗余,效率最高?请教了几个同学,得到的答案总结如下:风格统一方面,一起商量先出草图,根据草图由一个人做出标准风格页面,然后一起开干,剩下的就是不停的修改。制作方面,整站定下几个不同的css文件,每人负责不同的样式文件。 说起来容易的事情,一旦实施起来就不是那么容易了。设计的事,还是不敢冒险,幸好页面不是很多,一级、二级页面加起来不到20个,一个人可以搞定。说下制作过程。 (一)规范css命名、书写顺序和注释。 Example Source Code
reset.css /*页面样式充值*/ header.css /*全站头部样式*/ footer.css /*全站尾部样式*/ public.css /*全站公共模块样式*/ index.css /*首页特有样式*/ container.css /*二级及以下主体样式*/ print.css /*打印样式*/ ie.css /*IE hack*/ (三)分工协作 戏台已经搭玩了,接着就要开始唱戏。找出所有公共的文字列表,图文混排列表。一个人负责写在公共模块里,头部、尾部各一个人,二级页面框架一个人,个性化的部分留到最后写。 实际操作起来还是会有很多问题,代码的冗余无法避免,只能最小化。为了高效有时也不得不做出牺牲。上面只是自己在工作中的一点心得。也是第一次真正的发掘css模块化思想的优越性:便于修改,便于管理,便于多人协作。期待和高手一起探讨。 本文由CSS中国整理 |
