日期:2014-02-18  浏览次数:21108 次

网页制造aiyiweb文章简介:我没有看过CSS模块化的相关书籍,所以我下面说的不一定正确,但是在任务中,我会用我理解的模块化方式提高任务效率,我理解的模块化,次要分为两类。

在Twinsen Liang的博客上看到一篇名为语义化单单的限定在html么?的文章,文中次要是提及了CSS的命名规则,细心阅读后,我认为这个其实就是模块化思想。(作者也提了这一点)。

我没有看过CSS模块化的相关书籍,所以我下面说的不一定正确,但是在任务中,我会用我理解的模块化方式提高任务效率,我理解的模块化,次要分为两类。

1、将常见的款式剥离出来,构成单独的款式,我叫他基础款式表或模块款式表,这个款式表次要一些常见的基本结构和方式,如CSS Reset、Blank、Font 等等。

例如下面这个款式表,我认为就是一个简单的基础款式表。(只是简单,不推荐用)

CSS
* {margin:0;padding:0;border:none;outline:none;}
.cb {clear:both;}
.blank10 {height:10px; font-size:1px; overflow:hidden; clear:both;}

2、在页面中按照结构模块化书写款式表,避免款式之间的干扰,并且方便浏览。
例如下面的这个结构

XHTML
<!-- 左边 -->
<div>
  <h2>...</h2>
  <h2>...</h2>
</div>
<!-- 左边 -->