游览器---文档流
2014-08-06 18:48
134 查看
文档流
文档流:将窗体自上而下分成一行行,并在每行中按从左至右的顺序排放元素
positition属性
值:absolute绝对定位
完全脱离文档流,相对于position属性非static值的最近父级元素进行偏离
fixed:固定定位
完全脱离文档流,相对于视区进行偏移
relative:相对定位
这个属性值保持对象所在文档流中的位置,相对于元素在文档流中
位置进行偏移,但保留原占位符,可以设置top.left/right/bottom
static;默认值
使用z-index,需要设置position:absolute:z-index大的再上面
opacity:透明度 ie不支持 取值0--1
filter 透明度只有ie支持0---100
布局
表格布局:缺点:<table>里内容太多,不一加载,不推荐使用,优点:写一起方便
框架布局:不推荐
div+css布局:用<div>切成块,然后使用css描述每个块的大小位置
布局最重要的一个属性就是float
两层并排排列float:left
层的相对居中margin:0px auto
层的自动高度(填满整个屏幕)
overflow:auto:zoom:1内部悬浮以后,外部层自适应高度
word-break:(横向益处解决)
normal(中文会换行,普通的英文(带空格的)遇到换行按单词换行,连续的英文不换行)
break-all(所有的文字该换行时都会换行,遇到单词也会把单词拆开来换行,不能保存单词的完整性)
keep-all(英文还是normal状态,中文也不换行)
轴向益处:overflow:auto,让它显示滚动条
文档流:将窗体自上而下分成一行行,并在每行中按从左至右的顺序排放元素
positition属性
值:absolute绝对定位
完全脱离文档流,相对于position属性非static值的最近父级元素进行偏离
fixed:固定定位
完全脱离文档流,相对于视区进行偏移
relative:相对定位
这个属性值保持对象所在文档流中的位置,相对于元素在文档流中
位置进行偏移,但保留原占位符,可以设置top.left/right/bottom
static;默认值
使用z-index,需要设置position:absolute:z-index大的再上面
opacity:透明度 ie不支持 取值0--1
filter 透明度只有ie支持0---100
布局
表格布局:缺点:<table>里内容太多,不一加载,不推荐使用,优点:写一起方便
框架布局:不推荐
div+css布局:用<div>切成块,然后使用css描述每个块的大小位置
布局最重要的一个属性就是float
两层并排排列float:left
层的相对居中margin:0px auto
层的自动高度(填满整个屏幕)
overflow:auto:zoom:1内部悬浮以后,外部层自适应高度
word-break:(横向益处解决)
normal(中文会换行,普通的英文(带空格的)遇到换行按单词换行,连续的英文不换行)
break-all(所有的文字该换行时都会换行,遇到单词也会把单词拆开来换行,不能保存单词的完整性)
keep-all(英文还是normal状态,中文也不换行)
轴向益处:overflow:auto,让它显示滚动条
相关文章推荐
- C++--深入分析MFC文档视图结构(项目实践)
- Word文档编号工具,Word标题,图、表手动编号工具
- 单文档多视图+MFC多文档多视图编程
- MyEclipse生成Javadoc帮助文档
- SpringLDAP-Reference(中文文档)目录
- Oracle Data Guard介绍(10g r2文档翻译)
- mybatis整理笔记MapperXML文件2 -- MapperXML文件中的insert, update and delete[文章摘自文档]
- Oracle EBS R12.2 新特性文档
- (五)unity4.6Ugui中文教程文档-------概要-UGUI Interaction Components
- LibGdx文档译读(十二) InputEventQueue类
- Eventbus 3官方文档翻译(一)
- mybatis文档复习
- instrument 文档研究
- DWR中文文档
- 右键添加新建文本文档
- 在新建Word文档后,复制某处的文字,并在新的WORD里面粘贴,出现一个图标:m2(m平方)!【解决办法】
- Word 2007-破解只能浏览而不能编辑的文档
- jquery.ui.draggable中文文档
- C# 代码注释生成代码提示和帮助文档
- $cfg['Servers'][$i]['pmadb'] ... 错误 [ 文档 ]