模块化CSS 更有效地管理CSS

为了更有效地管理 CSS，下面是 Sofish 讲授了“模块化CSS”的概念与观点，盼望这些对你有所辅助。

reset.css // 对阅读器的默认样式进行重设
layout,案例总结 如何分析出网站关键字.css // 治理页面的布局
typeset.css // 图文的编排与
color.css // 统一管理色彩的搭配
print.css // 打印后果样式
ie.css // 把对ie的hack独自分开
实在不然，最近工作，接触了公司的网站，leader要本人写CSS的写作标准，以及一些HTML的同一规范；并且写了新的频道/页面/卖场。才发 现，本来，上面的分法仍是太幻想化了。以个人来说，个人以为能够用下面的宰割法,样式表要不要写进页面模版。先写下，而后，让咱们对照这两种分法，找到更好的解决CSS文件管理的合 适的CSS模块化分法：

在刚学习CSS初期，就接触了”模块化CSS”这样的概念，不外，一直不很好的懂得。说起来，理由很简略：由于简直所有的代码都是为了博客的设 计，而像博客这么小的架构，CSS文件基本不必多，因为自身代码量就小，应用不同表示情势的页面模板并未几，少反而更便利管理。所以，对模块化CSS的 理解很乱，直接导致自己始终认为下面的分法是十分公道的：

reset.css
header.css // 头部的所有款式
container.css // 除头部/底部外的旁边区域样式
footer.css // 底部样式
print,样式表中用星号定全局样式请慎用.css
ie.css
我们可以看到，不同的有三个CSS文件。第一种分法是种不错的做法，但管理起来比拟麻烦，固然是”模块化” 了，把表现的内容的样式离开。但因为每个人都不可能百分百懂得每个CSS文件里面的内容，所以，可能导致下面的问题：

结语：
当然，上面的分法，只是一个简单的模型。不同网站的架构，可能需要更细化的分法。这里需要提示的一点是，模块化CSS，我们应当时刻明白，我们是为 了方便管理,标签和分类有什么区别，方便修改，方便多人协作，而不是简单的分割。如果说有什么倡议，我想，CSS的模块化，应该尽量与HTML的模块化相一致。这里的一致说的 是，无论是在文件的分割上，还是在CSS内容的分割上，与HTML的模块化一致。这将会更有利于我们的工作,标准的网站编辑应该具备的素质。

一、效力问题与终极目标
在网站内容上面，如果改某一个区域的内容，可能要多少个CSS都改。这样一来，原来简单的一个修正，开端变得庞杂起来。并且，假如多个都改，可能会使我们疏忽了某些货色，又须要进一步调试，这样不仅肯使最终目的实现延后，还是一个效率的问题。

而你，又是怎么想的呢？

三、多人配合上的问题
如果我们多个人在工作，大家的分工可能是，有人实现头部的导航，有人完成底部的搜寻条，有人完成中部新页面的构建。这样一来，大家都同时在改几个文 件，并且，改的东西不同。如果要更新到服务器，就要先比较，再更新。（当然，当初有版本管理这样的软件。然而，同时工作的话，版本也是一个问题，要信任， 或者更新永远都改不上转变。）

二、调用尽可能少的CSS文件
大多楼情形下，一个网站都是分成头部，中部和底部，并且，个别，要做新的频道/页面之类的东西，都不会变动头部跟底部，而只是变动中间局部。这样一 来，所有CSS文件都要调用，因为，HTML和CSS的模块化并不一致。这样，就会导致服务器蒙受更多的压力。这是一个方面。另一个方面是，如果新页面中 某些元素与其余页面有抵触，我们可能要搞一大堆对于优先性抉择的代码，增添代码量。这些都不是我们想要的。这就为什么要把header.css和 footer.css分开来的起因。