CSS知识点汇总----------------------------持续更新,-欢迎大家补充分享
来源:互联网 发布:阿里云9月活动 编辑:程序博客网 时间:2024/06/05 04:50
1、CSS定位描述
CSS 有三种基本的定位机制:普通流、浮动和绝对定位。
除非专门指定,否则所有框都在普通流中定位。也就是说,普通流中的元素的位置由元素在 (X)HTML 中的位置决定。
块级框从上到下一个接一个地排列,框之间的垂直距离是由框的垂直外边距计算出来。
行内框在一行中水平布置。可以使用水平内边距、边框和外边距调整它们的间距。但是,垂直内边距、边框和外边距不影响行内框的高度。由一行形成的水平框称为行框(Line Box),行框的高度总是足以容纳它包含的所有行内框。不过,设置行高可以增加这个框的高度。
position 属性规定元素的定位类型可能的值
生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
fixed生成绝对定位的元素,相对于浏览器窗口进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative生成相对定位的元素,相对于其正常位置进行定位。
因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。
static默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。inherit规定应该从父元素继承 position 属性的值。z-index属性:z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
z-index属性必须在绝对定位中才有效。
2、background-position属性,需要把 background-attachment 属性设置为 "fixed",才能保证该属性在 Firefox 和 Opera 中正常工作。
3、浏览器的私有属性表示方法:
Firefox浏览器:-moz-borfer-radius Safari和Chrome浏览器 -webkit-border-radius Opera浏览器 -o-border-radius
- CSS知识点汇总----------------------------持续更新,-欢迎大家补充分享
- CSS样式源码(案列)---------------------------持续更新,欢迎大家补充分享
- css基础知识整理 欢迎大家提出问题 后续持续更新
- css汇总-持续更新
- sql语法,有机会更新,欢迎大家补充
- Ios-视频直播-知识点汇总-持续更新
- Flask知识点汇总(持续更新)
- UNICODE下字符转换(持续更新,欢迎补充)
- python中的常用小语法(持续更新,欢迎补充)
- HTML、CSS初级前端试题汇总(持续补充)
- uboot相关知识点汇总(持续更新中)
- TCP/IP协议重要知识点汇总(持续更新中)
- 开发中的小知识点汇总(持续更新)
- 精品android源码汇总。。欢迎关注,持续更新。
- 兼容性问题解决方案汇总(持续更新,欢迎收藏!)
- Java学习资料汇总(吐血分享)----持续更新中
- 浏览器兼容性问题,欢迎大家补充!
- 知识点积累~持续更新
- Objective-C语言中的block
- xCAT安装Kit
- 3D塔防游戏实现 4.2 3D怪物连续刷新(Feekood语言)
- tcpdump非常实用的抓包实例
- 2015年自我激励及2014年的总结
- CSS知识点汇总----------------------------持续更新,-欢迎大家补充分享
- frame、center、bounds、transform的使用
- thunderbird 邮件相关功能
- PAT 1014. 福尔摩斯的约会
- sql数据库中获取为Long型的数据 不能直接强转为int或者integer类型
- strcpy strcat strlen
- C# 基础知识梳理系列索引
- hanoi 塔
- Spring与web MVC的整合——Spring的应用上下文管理 -- DispatcherServlet与ContextLoaderListener解释