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，值越小越透明

标签：opacity,web,定位,index,文档,参照物,前端开发,属性
来源： https://blog.csdn.net/m0_56245036/article/details/120570987