《
解析模块化CSS》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234S32013.htm
1.reset.css // 对阅读器的默认样式进行重设
2.layout.css // 管理页面的布局
3.typeset.css // 图文的编排与
4.color.css // 同一管理色彩的搭配
5.print.css // 打印后果样式
6.ie.css // 把对ie的hack独自分开
实在不然,最近工作,接触了公司的网站,leader要自己写CSS的写作规范,以及一些HTML的统一标准;并且写了新的频道/页面/卖场。才发明,本来,上面的分法还是太幻想化了。以个人来说,个人认为可以用下面的分割法。先写下,而后,让我们比较这两种分法,找到更好的解决CSS文件管理的适合的CSS模块化分法:
1.reset.css
2.header.css // 头部的所有样式
3,
解析哪些因素会影响网站权重值.container.css // 除头部/底部外的旁边区域款式
4.footer.css // 底部样式
5.print.css
6.ie.css
我们能够看到,不同的有三个CSS文件。第一种分法是种不错的做法,但管理起来比拟麻烦,
解析CSS设置默认字体样式,固然是“模块化” 了,把表现的内容的样式分开。但因为每个人都不可能百分百懂得每个CSS文件里面的内容,所以,可能导致下面的问题:
一、效力问题与终极目标
在网站内容上面,如果改某一个区域的内容,可能要多少个CSS都改。这样一来,原来简单的一个修改,开端变得庞杂起来。并且,如果多个都改,可能会使我们疏忽了某些东西,又需要进一步调试,这样不仅肯使最终目的实现延后,还是一个效率的问题。
二、调用尽可能少的CSS文件
大多楼情形下,一个网站都是分成头部,中部跟底部,并且,个别,要做新的频道/页面之类的货色,都不会变动头部和底部,而只是变动中间局部。这样一来,所有CSS文件都要调用,因为,HTML和CSS的模块化并不一致。这样,就会导致服务器蒙受更多的压力。这是一个方面。另一个方面是,如果新页面中某些元素与其余页面有抵触,我们可能要搞一大堆对于优先性抉择的代码,增添代码量。这些都不是我们想要的。这就为什么要把header.css和 footer.css离开来的起因。
三、多人协作上的问题
如果我们多个人在工作,大家的分工可能是,有人完成头部的导航,有人实现底部的搜寻条,有人完成中部新页面的构建。这样一来,大家都同时在改几个文件,并且,改的东西不同。如果要更新到服务器,就要先对照,再更新。(当然,当初有版本管理这样的软件。然而,同时工作的话,
解密各浏览器加载页面外部资源的策略,版本也是一个问题,要信任,或者更新永远都改不上转变。)
结语:
当然,上面的分法,只是一个简单的模型。不同网站的架构,可能须要更细化的分法。这里需要提示的一点是,模块化CSS,我们应当时刻明白,咱们是为了方便管理,方便修正,方便多人配合,而不是简单的宰割,
解密前端开发人员必备技能。假如说有什么倡议,我想,CSS的模块化,应该尽量与HTML的模块化相一致。这里的一致说的是,无论是在文件的分割上,仍是在CSS内容的分割上,与HTML的模块化一致。这将会更有利于我们的工作。 Tag:模块化 CSS 模块化 CSS
--> [
网站建设之]解析模块化CSS
在刚学习CSS初期,就接触了“模块化CSS”这样的概念,不外,一直不很好的理解。说起来,理由很简略:因为简直所有的代码都是为了博客的设计,而像博客这么小的架构,CSS文件基本不必多,由于自身代码量就小,
解密你的博客做不好的10个原因,应用不同表示情势的页面模板并未几,少反而更便利治理。所以,对模块化CSS的懂得很乱,直接导致本人始终以为下面的分法是十分公道的:
(责任编辑:网站建设)
解析模块化CSS相关文章