0 Comments

CSS display属性基本特性和语法(1)

发布于:2013-11-11  |   作者:广州网站建设  |   已聚集:人围观

本文和大家重点讨论一下CSS display属性的用法,主要包括基本特征,基本语法,语法的取值等内容,这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 CSS display属性 不谨慎会很危险,可能违反 HTML 中已经定义的显示层次结构。
广州网站建设,网站建设,广州网页设计,广州网站设计

CSS display属性基本特性

初始值: inline   适用于: 所有元素  
继承性: 无       百分比: N/A  
 媒体:  all      版本: CSS1/CSS2  
兼容性: IE4+ NS4+   

CSS display属性基本语法

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

CSS display属性语法取值

block               :  CSS1  块对象的默认值。将对象强制作为块对象呈递,为对象之后添加新行 
none                :  CSS1  隐藏对象。与 visibility 属性的hidden值不同,其不为被隐藏的对象保留其物理空间 
inline              :  CSS1  内联对象的默认值。将对象强制作为内联对象呈递,从对象中删除行 
inline-block        :  IE5.5  将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内 
compact             :  CSS2  未支持。分配对象为块对象或基于内容之上的内联对象 
marker              :  CSS2  未支持。指定内容在容器对象之前或之后。要使用此参数,对象必须和 :after 及 :before 伪元素一起使用 
inline-table        :  CSS2  未支持。将表格显示为无前后换行的内联对象或内联容器 
list-item           :  CSS2  将块对象指定为列表项目。并可以添加可选项目标志 
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  未支持。将对象作为表格行组显示 

标签:
飞机