display:block的应用

display:block可以理解为块。用个简单的例子给你！比如你做一个超链接，
<li><a href="#">超链接</a></li>
当你鼠标移过去文字的时候，超链接有效果！
而当我把样式这样设置：
li a{width:100px;height:100px; display:block; color:red; text-decoration:none;}
鼠标移到文字周围100*100的地方，就有超链接效果了，就是把100*100做为一块来的超链接！

display    的参数列表   
   display版本：CSS1/CSS2　    兼容性：IE4+    NS4+　继承性：无   
    
      
   语法：     
      
   display    :    block    |    none    |    inline    |    compact    |    marker    |     
   inline-table    |    list-item    |    run-in    |    table    |table-caption    |     
   table-cell    |    table-column    |    table-column-group    |     
   table-footer-group    |    table-header-group    |    table-row    |    table-row-group     
      
   参数：     
      
   block    :    　CSS1　块对象的默认值。用该值为对象之后添加新行     
   none    :    　CSS1　隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间     
   inline    :    　CSS1　内联对象的默认值。用该值将从对象中删除行     
   compact    :    　CSS2　分配对象为块对象或基于内容之上的内联对象     
   marker    :    　CSS2　指定内容在容器对象之前或之后。要使用此参数，对象必须和:after及:before    伪元素一起使用     
   inline-table    :    　CSS2　将表格显示为无前后换行的内联对象或内联容器     
   list-item    :    　CSS1　将块对象指定为列表项目。并可以添加可选项目标志     
   run-in    :    　CSS2　分配对象为块对象或基于内容之上的内联对象     
   table    :    　CSS2　将对象作为块元素级的表格显示     
   table-caption    :    　CSS2　将对象作为表格标题显示     
   table-cell    :    　CSS2　将对象作为表格单元格显示     
   table-column    :    　CSS2　将对象作为表格列显示     
   table-column-group    :    　CSS2　将对象作为表格列组显示     
   table-header-group    :    　CSS2　将对象作为表格标题组显示     
   table-footer-group    :    　CSS2　将对象作为表格脚注组显示     
   table-row    :    　CSS2　将对象作为表格行显示     
   table-row-group    :    　CSS2　将对象作为表格行组显示