web前端开发基础之元素定位

要明白参照物是谁(重点)

(1).position位置

(2).static 静态

(3).relative 相对

(4).absolute 绝对的

(5).fixed 固定的

(6).Z-index z指数

(7).opacity 透明度

(8).filter 过滤

(9).alpha 透明度

Line-height可以设置单行文本居中

定位机制分为:标准流、浮动、绝对定位

Position属性(没有定位会议浏览器为参照物)

Static 默认值,按标准文档流布局

Relative 相对定位,以标准文档流为基础,在原本的位置进行偏移(相对定位仍在标准文档流之中)

水平方向使用left或right属性来移动,垂直方向使用top或bottom属性移动

Absolute 绝对定位,从标准文档流脱离,以离它最近的定位元素为参照物

Fixed 固定定位,在拖到滚动条时,位置不变

z-index属性

改变层次的上下位置

各元素之间的重叠高低关系,默认值为0,z-index属性值大的层位位于其值小的层下方

属性:opacity:x  x值为0~1,值越小越透明

Filter:alpha(opacity=x) x值为0~100,值越小越透明

上一篇:点击劫持漏洞总结


下一篇:Unity LOD-Level of Detail(多层次细节)用法教程