当前位置: 代码迷 >> HTML/CSS >> CSS Layout Properties 格局属性
  详细解决方案

CSS Layout Properties 格局属性

热度:1019   发布时间:2012-10-06 17:34:01.0
CSS Layout Properties 布局属性
1.clear――该属性的值指出了不允许有浮动对象的边。请参float属性.
     float:
            1)语法:
                float : none | left |right
          2)参数:
                none :  对象不浮动
                left :  对象浮在左边
                right:   对象浮在右边
            3)说明:
                .该属性的值指出了对象是否及如何浮动。请参阅
clear属性。
                .当该属性不等于none引起对象浮动时,对象将被视作块对象(block-  level),即display属性等于block。也就是说,浮动对象的  display特性将被忽略。
                .对应的脚本特性为styleFloat。

     clear:
           1)语法:
                clear : none | left |right | both
          2)参数:
                none :  两边浮动都存在――允许两边都可以有浮动对象
                both :  两边浮动都清除――不允许有浮动对象
                left :  左边浮动清除――不允许左边有浮动对象
                right :  清除右边浮动――允许右边有浮动对象
            3)说明:
               .该属性的值指出了不允许有浮动对象的边。请参阅
float属性。
               .对应的脚本特性为clear。
     display:
              1)语法:
               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

            2)参数:
                  block:CSS1块对象的默认值。用该值为对象之后添加新行
                  none : CSS1隐藏对象。与
visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间
                  inline:CSS1内联对象的默认值。用该值将从对象中删除行
                  compact:CSS2 分配对象为块对象或基于内容之上的内联对象
                  marker:CSS2 指定内容在容器对象之前或之后。要使用此参数,对象必须和
:afterbefore 伪元素一起使用
                  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 将对象作为表格行组显示

              3)说明:
                  .设置或检索对象是否及如何显示。
                  .目前 IE5.5仅支持以上CSS1的参数。
                  .对应的脚本特性为display。请参阅我编写的其他书目。

              4)示例:
                    img { disply: block; float: right; }

     visibility:
               1)语法:
                 visibility : inherit | visible | collapse | hidden 
             2)参数:
                   inherit :  继承上一个父对象的可见性
                   visible :  对象可视
                   hidden :   对象隐藏
                   collapse : 主要用来隐藏表格的行或列。隐藏的行或列能够被其他内容使用。对于表格外的其他对象,其作用等同于hidden。IE5.5尚不支持此属性。
               3)说明:
                   .设置或检索是否显示对象。与
display属性不同,此属性为隐藏的对象保留其占据的物理空间。
                   .如果希望对象为可视,其父对象也必须是可视的。
                   .对应的脚本特性为visibility。
               4)示例:
                   img { visibility: inherit; float: right; }


    :after:
         1)语法:
              Selector : after { sRules }
         2)说明:
              .用来和
content属性一起使用,设置在对象后(依据对象树的逻辑结构)发生的内容。
           3)示例:
              table:after { content: END OF TABLE }

2.float――该属性的值指出了对象是否及如何浮动。请参阅clear属性
3.clip――检索或设置对象的可视区域。区域外的部分是透明的
4.overflow――检索或设置当对象的内容超过其指定高度及宽度时如何管理内容
5.overflow-x――检索或设置当对象的内容超过其指定宽度时如何管理内容
6.overflow-y――检索或设置当对象的内容超过其指定高度时如何管理内容
7.display――设置或检索对象是否及如何显示
8.visibility――设置或检索是否显示对象。与display属性不同,此属性为隐藏的对象保留其占据的物理空间












  相关解决方案