day07-定位&锚点

本文详细介绍了CSS定位属性,包括static、relative、absolute、fixed和新增的sticky定位,强调了它们的特点和应用场景。同时,文章还讨论了定位元素的层叠属性z-index的使用,并讲解了如何使元素在窗口中水平垂直居中。此外,还提到了命名锚点链接在页面内部跳转的应用。
摘要由CSDN通过智能技术生成

定位属性

1.常见的自带边框的标签有哪些?

         input hr textarea select

    2.常见的行内块元素

         img、input、textarea select

    3.置换元素与非置换元素
        - 置换: 有初始的宽高大小,并且可以通过修改属性的属性值 显示不同的样式 img、input、textarea select
    

    
    定位的概念以及作用: 改变元素的位置

    1.文杰上课犯困 把文杰吊在投影仪上听课
        - 改变的对象: 文杰
        - 参照物: 参照的是文杰的初始位置
        - 方向: 上面

    2.把大象放进冰箱需要几步

    3.定位的三个要素
        - 元素:修饰的对象
        - 参照物:当前对象移动位置的参照
        - 方向:top、bottom、left、right

    4.定位属性 position
    属性值
        - static 静态定位 默认值 设置或者不设置效果是一样的
        - relative 相对定位
        - absolute 绝对定位
        - fixed 固定定位
        - sticky 粘性定位 - css新增的属性值
        
相对定位的使用
    属性:position
    属性值:relative
        -

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值