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

css定位 position

难度初级
时长 1小时18分
学习人数
综合评分9.33
96人评价 查看评价
9.6 内容实用
9.2 简洁易懂
9.2 逻辑清晰
  • cursor:pointer;  鼠标由箭头变为手掌,代表可以点击。

     

    *{                            

        padding:0;

        margin:0;

    }     /*消除边距*/ 

     

    三级目录展示方式: 一级目录固定定位,二级目录相对定位,三级目录绝对定位。

    先让三级栏目隐藏。

    .list3{ display:none;}

    当鼠标移动到二级栏目li上,三级栏目变成块。

    li:hover .list3{ display:block;}


    查看全部
  • 元素脱离文档流之后,将不再在文档流中占据空间,而是处于浮动状态(可以理解为漂浮在文档流的上方)。脱离文档流的元素的定位基于正常的文档流,当一个元素脱离文档流后,依然在文档流中的其他元素将忽略该元素并填补其原先的空间。
    查看全部
    0 采集 收起 来源:position-absolute

    2018-12-23

  • 设计网页主要内容的图片:应该直接用内联元素img(只要屏幕够大,就不会挤压到下一行)相邻,如果只使用块级(独占一行)就不行
    查看全部
    0 采集 收起 来源:文档流

    2018-12-23

  • position:relative; right:50px; (原来left为0 right默认为100px 相对的 向左移了50) 相对定位是相对于(0,0)元素默认位置进行定位
    查看全部
    1 采集 收起 来源:position-relative

    2018-12-10

  • 查看全部
  • z-index可以设置元素的叠加顺序,但是要依赖定位属性

    z-index大的元素会覆盖z-index小的元素

    z-index为auto的元素不参与层级比较

    z-inde为负值,元素被普通流中的元素覆盖

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

    2018-12-06

  • 后写的元素的层级大于先写的元素的层级,就是新元素的样式会覆盖在旧元素的上面。

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

    2018-12-06

  • 布局方式:
    1.标准流

    2.浮动布局

    3。定位布局

    4.弹性布局

    查看全部
    1 采集 收起 来源:文档流

    2018-12-06

  • position中的五个可选参数

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

    2018-12-05

  • 常见块级元素:div,H1~H6,table,p,ol,ul,li

    常见内联元素:a,span,img,input

    查看全部
    0 采集 收起 来源:文档流

    2018-12-05

  • number可以设置层级大小 number数字越大则其层级级别越大

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

    2018-11-30

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

    2018-11-27

  • postion中的可选参数

    static 标准文档流,默认设置的值

    relative 相对于自己原来的位置进行定位

    absolute 相对于父类元素(非static)进行定位。父类元素需要是absolute或者relative。

    fixed 相对于窗口进行定位。

    inherit继承父元素的定位。


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

    2018-11-26

  • HTML中的三种布局方式

    标准流

    浮动

    定位

    查看全部
    0 采集 收起 来源:文档流

    2018-11-26

  • z-index 描述

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

    2018-11-26

举报

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

微信扫码,参与3人拼团

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

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