`
- 浏览:
9912 次
- 性别:
- 来自:
南京
-
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 指定内容在容器对象之前或之后。要使用此参数,对象必须和: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 将对象作为表格行组显示
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属性不同,此属性为隐藏的对象保留其占据的物理空间
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
The New Css Layout CSS 布局
CSS Grid Layout will transform the way you design and develop for the web-and Rachel Andrew will change the way you grok the spec. Learn to use Grid Layout within a system that includes existing ...
布局CSS文件layout.css 提供与布局有关的CSS定义 文件下载
使用CSS3多列布局属性.ppt
CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页...
网页布局(layout)是CSS的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C提出了一...
CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与...
HTML5.CSS3网页布局和样式精粹欢迎大家下载!
This books demonstrates the freshest cutting-edge layout tools found within CSS3, teaching you the skills you'll need to create advanced design patterns for websites and apps. Pro CSS3 Layout ...
Positioning in CSS Layout Enhancements for the Web 英文epub 本资源转载自网络,如有侵权,请联系上传者或csdn删除 本资源转载自网络,如有侵权,请联系上传者或csdn删除
CSS Pro布局 CSS库,用于构建响应式和可自定义的页面布局 文献资料 有关完整文档,请访问 入门 您可以使用NPM或Yarn安装CSS专业版 NPM npm install css-pro-layout 纱 yarn add css-pro-layout 将css-pro-layout....
CSS参考手册_第5章__CSS基本布局属性
CSS+DIV布局案例CSS+DIV布局案例CSS+DIV布局案例CSS+DIV布局案例
前端开源库-just-css-properties只是CSS属性,所有已知浏览器CSS属性的数组
前端项目-css-layout,Reimplementation of CSS layout using pure JavaScript
My First Git Project - cssLayout CSS布局 CSS布局包括居中布局,多列布局以及全屏布局 ## ## ## ## 页面优化技巧 页面规范与模块化
关于CSS40个布局实列CSS布局大全:40多个教程,提示,例子和最佳实践 CSS布局教程 1-Three column fixed layout structure using CSS- 这篇文章解释了如何显示HTML/CSS基本结构。 2-Design page layout using CSS- 如何...
Tailwind CSS颜色属性 一个Tailwind CSS插件,可将主题颜色导出为CSS自定义属性。 正在安装 npm install tailwindcss-css-properties 或者 yarn add tailwindcss-css-properties 在您的Tailwind配置中要求: ...
DIV+CSS布局:CSS浮动float属性详解 不解释
CSS常用属性和属性大全,CSS常用属性和属性大全,CSS常用属性和属性大全