定位,三大特性

相对定位,基于自身的定位

绝对定位基于浏览器的定位

父标签没有定位时,子标签的绝对定位是相对于浏览器的定位

子绝父相
当父标签使用相对定位时,子标签使用绝对定位,此时子标签是相对于父标签定位

使用绝对定位和外边距改变盒子的位置

固定定位 固定在当前窗口的位置,不随滚动条发生变化

叠放顺序
z-index:值; 值越大层数越高

遮罩层
当input控件上方存在 z-index 值比其高的元素时,input 讲被遮罩 不能使用

三大特性
层叠性:先前设置的属性,会被后设置的属性覆盖;
继承性:父盒子设置的属性,子盒子中没有设置,子盒子会继承父盒子的属性;
权重性:
权重顺序:通配符<类名<盒子.类名<id<内部样式<important!
通配符选择器的权重 0000
类名选择器的权重 0010
类名,添加父盒子可以增加权重 0011
id选择器的权重 0100
内部添加样式权重 1000
important!1111
权重的计算不会发生进位;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值