CSS-display,overflow,CSS定位
CSS-display,overflow,CSS定位
人间四月 发表于2年前
CSS-display,overflow,CSS定位
  • 发表于 2年前
  • 阅读 25
  • 收藏 0
  • 点赞 0
  • 评论 0

【腾讯云】如何购买服务器最划算?>>>   

摘要: CSS,display,overflow,CSS定位

display

  • 功能:规定网页元素如何显示的问题

  • 取值:none(隐藏),block(以块元素显示),inline(以行内元素显示)

  • block:可以实现行内元素转换成块元素

  • inline:可以实现将块元素转化成行内元素


overflow

功能:当内容溢出时,溢出的内容改该如何显示

取值:visible(可见的),hidden(隐藏),scroll(出现滚动条),auto(自动)


cursor

光标类型:网页中光标的类型

取值:help,wait,hand,pointer,,,


CSS定位

  • position:元素定位方式

    • 取值:static,fixed,relative,absolute

    • static:静态定位(默认状态,不定位)

    • fixed:固定定位

    • relative:相对定位

    • absolute:绝对定位

    定位方式配合定位坐标一起使用

  • 定位坐标:指定定位的元素,便宜目标元素的距离

    • left:目标元素左边的距离

    • top:上边

    • right:右边

    • botton:下边


  1. 固定定位:position:fixed

    1. 固定定位,是相对于浏览器窗口来进行的定位

    2. 固定定位,不占空间,层级要高于普通元素

    3. 固定定位,如果不指定定位坐标的话,固定定位元素的位置保持不变

  2. 相对定位:positon:relative

    1. 相对定位,是相对于“原来的自己”的位置进行定位

    2. 相对定位,仍然占用空间,层级要高于普通元素

    3. 相对定位,如果不指定定位坐标的话,固定定位元素的位置保持不变

    4. 相对定位一般配合绝对定位使用

  3. 绝对定位:position:abslute

    1. 绝对定位,相对于祖先(相对或绝对)定位元素来进行的定位

      1. 如果该元素上级元素没有进行定位的话,一直向上层寻找定位,最终相对于body进行定位

    2. 绝对定位,不占空间,层级高于普通元素

    3. 绝对定位,如果不指定定位坐标的话,固定定位元素的位置保持不变




共有 人打赏支持
粉丝 2
博文 70
码字总数 30455
×
人间四月
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: