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 将对象作为表格⾏组显⽰
说明:
设置或检索对象是否及如何显⽰。
⽬前    IE5.5仅⽀持以上CSS1的参数。