1. 爱易网页
  2. CSS教程
  3. CSS模块化的了解

CSS模块化的了解

日期：2014-02-18　 浏览次数：21022 次

网页制造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>
<!-- 左边 -->


                        

                    
                    


                    

                    



    

        
相关资料更多>

    

    

        
    

            
                  
    
                      
  1. 
                        10个 DIV+CSS 需求留意的效果
    2. 
                   
                
                  
    
                      
  2. 
                        详细解说CSS规范化命名的三种通用命名规则
    3. 
                   
                
                  
    
                      
  3. 
                        把XHTML+CSS页面转换成为打印机页面
    4. 
                   
                
                  
    
                      
  4. 
                        不规则文字排版的CSS样式的定义参考方法
    5. 
                   
                
                  
    
                      
  5. 
                        换个角度看页面重构中的语义化
    6. 
                   
                
                  
    
                      
  6. 
                        复杂也复杂 网页中的文章的标题定义方法
    7. 
                   
                
                  
    
                      
  7. 
                        IE6中背景属性加a与a:hover效果
    8. 
                   
                
                  
    
                      
  8. 
                        CSS配合JavaScript做酷的静态页面效果
    9. 
                   
                
                  
    
                      
  9. 
                        技巧小结：如何让 CSS 代码繁复而易于编写？
    10.