7.21知识点总结

本文介绍了网页定位技术,包括静态、绝对、相对、固定和粘性定位,以及z-index的使用。同时讲解了锚点定位的三种方式,实现页面内点击跳转。此外,还探讨了CSS的透明度属性opacity及其与rgba的区别,帮助理解网页元素的可见性控制。
摘要由CSDN通过智能技术生成

1.锚点定位:点击某内容跳转到指定区域

应用场景:参考京东

语法结构:

第一种:

<a href="#跳转到区域的id值"></a>

<div  id="跳转区域的id"></div>

第二种:

<a href="#跳转区域的id值"></a>

<p id="跳转区域的id值"></p>

第三种:

<lable for="想要获取的焦点id值"></lable>

<input  type="text" id="id值">

注意:锚点回到top部分

         <a href=""></a>

2.定位:

position:static;默认值

position:absolute;绝对定位

position:relative;相对定位

position:fixed;固定定位

position:sticky;粘性定位

z-index:6;(想要设置前面必须要有position定位)

3.透明度属性:

opacity:0.6;

而rgba只能在设置的地方起作用

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值