« 上一篇下一篇 »

如何组织CSS

CSSAPI并不多,掌握到会用的程度并不难,但如果要用得好,我们需要在前者的基础上更进一步,研究如何组织CSS。
 
      应用CSS的能力应该分为两部分:一部分是CSS的API,重点是如何用CSS控制页面内元素的样式;另一部分是CSS框架,重点是如何对CSS进行组织。前者属于基础部分,这部分的能力是用“对”和“错”来评判的,比如说,要把文字设置为红色,只能用color:red;这样的写法是对的,其他任何写法都是错的,不存在“好”和“坏”的区别。只有“对”和“错”。CSS的API并不多,掌握到会用的程度并不难,但如果要用得好,我们需要在前者的基础上更进一步,研究如何组织CSS。如何组织CSS是一个见仁见智的问题,不是用“对”和“错”来评判的,我们更可能会用好、比较好、很烂、非常棒、这样的字眼来评判。

      正因为见仁见智,所以如何组织CSS可以有很多种角度,例如按功能划分:将控制字体的CSS集中在font.css文件里,将控制颜色的CSS集中在color.css文件里,将控制布局的CSS放在layout.css文件里;或者按区块划分:将头部的CSS放在hesd.css里,底部放在foot.css里,侧边栏方在side.css里,主体放在main.css里。不同角度的组织方法都有自己的道理,也有自己的优点和缺点。

      这里推荐一种组织CSS的方法:base.css+common.css+page.css。将网站内的所有样式,按照职能分成三大类:bass、common和page。在一般情况下,任何一个网页的最终表现都是由这三类共同完成的。

« 上一篇下一篇 »