日期:2014-02-18 浏览次数:21108 次
在Twinsen Liang的博客上看到一篇名为语义化单单的限定在html么?的文章,文中次要是提及了CSS的命名规则,细心阅读后,我认为这个其实就是模块化思想。(作者也提了这一点)。
我没有看过CSS模块化的相关书籍,所以我下面说的不一定正确,但是在任务中,我会用我理解的模块化方式提高任务效率,我理解的模块化,次要分为两类。
1、将常见的款式剥离出来,构成单独的款式,我叫他基础款式表或模块款式表,这个款式表次要一些常见的基本结构和方式,如CSS Reset、Blank、Font 等等。
例如下面这个款式表,我认为就是一个简单的基础款式表。(只是简单,不推荐用)
* {margin:0;padding:0;border:none;outline:none;} .cb {clear:both;} .blank10 {height:10px; font-size:1px; overflow:hidden; clear:both;} |
2、在页面中按照结构模块化书写款式表,避免款式之间的干扰,并且方便浏览。
例如下面的这个结构
<!-- 左边 --> <div> <h2>...</h2> <h2>...</h2> </div> <!-- 左边 --> |