为了账号安全,请及时绑定邮箱和手机立即绑定

css定位 position

难度初级
时长 1小时18分
学习人数
综合评分9.33
96人评价 查看评价
9.6 内容实用
9.2 简洁易懂
9.2 逻辑清晰
  • cusor:poner改变鼠标的形状
    查看全部
  • absoulte fi
    查看全部
    0 采集 收起 来源:position-inherit

    2019-03-19

  • position:relative; 相对定位(相对于元素本身位置进行移动)
    position:absolute; 绝对定位(相对于父辈级元素有定位属性position来移动;否则以浏览器为准)
    position:fixed; 固定定位(只相对于浏览器来定位;与父辈级是否有定位属性position无关)
    position:inherit; 继承(只继承父级的定位属性【前提:父级有定位属性】)

    查看全部
    0 采集 收起 来源:position-fiexed

    2019-03-19

  • 默认static,fixed不受层级影响针对窗口定位,absolute默认宽高0,inherit继承,relative父级关系确定zindex
    查看全部
  • 鼠标指向导航栏1级出现2级时:                           1级:hover 2级{                                           display:block;                                                                                      }                           2级{                                  display

    查看全部
  • z-index

    只作用于带有定位属性的元素


    查看全部
    0 采集 收起 来源:z-index

    2019-02-26

  • position中可选的参数:

    static --默认

    relative --相对定位   可通过left、top、right、bottom改变位置

    absolute--绝对定位   可通过left、top、right、bottom改变位置

    fixed --固定定位  可通过left、top、right、bottom改变位置

    inherit--继承

    查看全部
    0 采集 收起 来源:position-inherit

    2019-02-26

  • cursor:pointer;  鼠标由箭头变为手掌,代表可以点击。

     

    *{                            

        padding:0;

        margin:0;

    }     /*消除边距*/

     

    相对定位不会脱离正常文档流,绝对定位会脱离正常文档流

    查看全部
  • inherit(应该会很少用到,它要继承父属性)

    查看全部
    0 采集 收起 来源:position-inherit

    2019-02-19

  • fixed(可以用来做广告,弹窗等,它的位置不会随着浏览器的滚动而改变)

    查看全部
    0 采集 收起 来源:position-fiexed

    2019-02-19

  • absolute(可以用top left right bottom来调,而以top 和bottom来定位时的x轴又不同,这也是它和relative的区别)

    fixed

    inherit

    查看全部
    0 采集 收起 来源:position-absolute

    2019-02-19

  • position定位

    绝对定位:absolute、fixed

    相对定位:relative

    绝对定位相对于浏览器窗口移动,比如:left:50px; top:100px;表示以窗口左上角为坐标原点,向右为x轴,以下为y轴,由此为例其他都是以浏览器四个角为原点的。绝对定位已脱离了原始的文本流

    相对定位相对于元素本身位置移动,比如:left:50px;表示相对与元素本身的位置向右移动50px; top:100px;表示向下移动100px。相对定位不脱离原始的文本流。

    absolute和fixed的区别:

    fixed属性的元素随滚动条的滑动位置不变,比如页面上的广告。absolute属性元素可以设置页面的高度,并随滚动条的滑动而滑动

    z-index属性可调节元素的层级关系,但其元素必须带有定位属性(position:relative……)才起作用,z-index值越大层级越高,覆盖层级低的元素。z-index为负值时,此元素被普通流中的元素覆盖。父元素的层级会影响子元素的层级


    查看全部
    3 采集 收起 来源:z-index

    2019-02-11

  • 个人中心不显示我的笔记么????

    查看全部
    1 采集 收起 来源:position-relative

    2019-01-08

  • sf ds fd fd f 

    查看全部
    1 采集 收起 来源:position-relative

    2019-01-08

  • Position属性值:

    绝对定位 absolute  当参数是left(数值越大,元素位置水平越向右。)和top时  元素以网页左上角为原点 由左向右 由上至下移动;当参数是right和bottom时, 网页以右上角为原点 元素由右向左 由上至下移动;当参数是left和bottom时,元素以网页左下角为原点,从左向右,从下到上移动;当参数是right和bottom是,元素以右下角为原点,从右向左 从下到上移动。 

    相对定位 relative  则是始终以网页左上角为原点,随着参数改变做以上移动。

    fixed固定定位,是最自由的,不受任何元素制约,常用于弹窗广告。

    inherit,继承父元素。


    查看全部
    1 采集 收起 来源:position-inherit

    2019-01-03

举报

0/150
提交
取消
课程须知
1、需要有HTML基础知识。 2、需要对css基础样式有一定的掌握和了解
老师告诉你能学到什么?
1、运用定位知识去实现固定定位 2、运用定位知识去实现相对定位

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!