CSS网页布局
2016-08-24 14:20
148 查看
div+css
标准文档流
浮动:设置了浮动依然处于标准文档流中
绝对定位
定位
三种形式
静态定位
相对定位
相对于自身原有位置
仍处于标准文档流中
拥有偏移属性和z-index属性
绝对定位
建立了以包含块为基准的定位
无已定位祖先元素,以<html>为参照基准
有已定位祖先元素,以距其最近的已定位祖先元素为参照基准
完全脱离标准文档流
拥有偏移属性和z-index属性
四个属性值
static:默认状态
relative
absolute
fixed
结构表现分离
html结构
css表现
js行为
标准文档流
浮动:设置了浮动依然处于标准文档流中
绝对定位
定位
三种形式
静态定位
相对定位
相对于自身原有位置
仍处于标准文档流中
拥有偏移属性和z-index属性
绝对定位
建立了以包含块为基准的定位
无已定位祖先元素,以<html>为参照基准
有已定位祖先元素,以距其最近的已定位祖先元素为参照基准
完全脱离标准文档流
拥有偏移属性和z-index属性
四个属性值
static:默认状态
relative
absolute
fixed
结构表现分离
html结构
css表现
js行为
相关文章推荐
- CSS 网页布局中的图文列表实现代码
- 改变页面使用的CSS文件,使网页进行布局或色调等改变
- [练习]如何用CSS进行网页布局
- div+CSS网页布局的意义与副作用原因小结第1/2页
- 精通 CSS+DIV 网页样式与布局 121
- DIV+CSS网页布局及网站设计常犯错误
- 精通 CSS+DIV 网页样式与布局 136
- 精通 CSS+DIV 网页样式与布局 156
- DIV CSS网页布局实例:十步学会用CSS建站
- 43个实例xHTML+CSS(DIV+CSS)网页及导航布局教程
- CSS Div网页布局中的结构与表现
- 精通CSS.DIV网页样式与布局(二)—— 段落
- 精通CSS.DIV网页样式与布局(五) ——设置表格与表单样式
- DIV+CSS网页布局入门
- DIV+CSS 网页布局心得
- 用div+css布局网页框架
- DIV+CSS实现网页布局
- HTML结构化:实践DIV+CSS网页布局入门指南
- DIV+CSS布局网页必须考虑的浏览器兼容的技巧
- 一些常用的DIV+CSS的网页布局所用的代码段