HTML5,CSS,JS知识记录
来源:互联网 发布:广州软件测试培训 编辑:程序博客网 时间:2024/06/05 19:17
1、CSS 定位机制
CSS 有三种基本的定位机制:普通流、浮动和绝对定位。
除非专门指定,否则所有框都在普通流中定位。也就是说,普通流中的元素的位置由元素在 (X)HTML 中的位置决定。
块级框从上到下一个接一个地排列,框之间的垂直距离是由框的垂直外边距计算出来。
CSS 有三种基本的定位机制:普通流、浮动和绝对定位。
除非专门指定,否则所有框都在普通流中定位。也就是说,普通流中的元素的位置由元素在 (X)HTML 中的位置决定。
块级框从上到下一个接一个地排列,框之间的垂直距离是由框的垂直外边距计算出来。
行内框在一行中水平布置。可以使用水平内边距、边框和外边距调整它们的间距。但是,垂直内边距、边框和外边距不影响行内框的高度。由一行形成的水平框称为行框(Line Box),行框的高度总是足以容纳它包含的所有行内框。不过,设置行高可以增加这个框的高度。
相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位,它将出现在它所在的位置上(文档流布局的位置)。然后,可以通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动。
绝对定位使元素的位置与文档流无关,因此不占据空间。这一点与相对定位不同,相对定位实际上被看作普通流定位模型的一部分,因为元素的位置相对于它在普通流中的位置。
普通流中其它元素的布局就像绝对定位的元素不存在一样:
因为绝对定位的框与文档流无关,所以它们可以覆盖页面上的其它元素。可以通过设置 z-index 属性来控制这些框的堆放
z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
0 0
- HTML5,CSS,JS知识记录
- html5 css记录
- JS相关知识记录
- html5-CSS学习-background记录
- html5 CSS兼容相关记录
- css+js 学习记录
- css学习记录+js
- html5 css js轮播图动画
- Html5、CSS、JavaScript小知识---ios
- Html&css刷题知识记录
- html5+js+css开发贪吃蛇
- HTML+CSS+JS部分知识整理
- Sublime text3、Node.js、HTML5、CSS、JS快捷键
- HTML5知识
- HTML5知识
- HTML5知识
- html5学习记录06:认识CSS样式3中形式
- html5学习记录07:认识css样式选择器
- 服务器性能诊断
- nyoj746整数划分(四)【区间dp】
- Unity3d,获取GPS定位信息
- 防火墙工作模式简介
- Nginx 配置文件总结
- HTML5,CSS,JS知识记录
- System.gc和System.runFinalization区别
- [BZOJ3531] [SDOI2014] 旅行
- java实现读取邮件发送邮件
- JNI简介
- iOS 三方app读取苹果健康数据
- 关于代码动态设置view
- Web页面右下角弹出窗口示例代码
- 用Pull解析将xml转换成List<Object>对象