文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

web前端:CSS定位

编程小助手

编程小助手

2024-04-23 22:59

关注

  随着html的成长,为了满足页面设计者的要求,HTML添加了很多显示功能。但是随着这些功能的增加,HTML变的越来越杂乱,而且HTML页面也越来越臃肿。于是css便诞生了。

  CSS中定位元素使用position(分别由两个元素其一规定元素定位类型其二规定元素定位位置)

  对于其一:分为static静态定位、relative相对定位、absolute绝对定位、fixed固定定位

  队医其二:属性分别为top、bottom、left、right

  一、静态定位static:

  元素默认为静态定位,静态定位的唯一作用就是取消定位。

  二、相对定位relative:

  1.占位置,不会脱离标准流。继续占据原有的位置,元素移动后覆盖其他元素上面

  2.位置移动的基准点为自己左上角为基准点

  三、绝对定位absolut:

  1.绝对定位脱离标准流,不占位置,后面的位置会移动到上面来

  2.基准点:若父元素(祖先)没有使用定位(绝对定位、相对定位、固定定位)则以浏览器屏幕左上角为基准点

  若父元素(祖先)有使用定位,则以父元素的左上角为基准点

  通常说的子绝父相的意思是:父元素通常使用相对定位,子元素使用绝对定位。主要原因是父元素通常是盒子,需要占位置,所以使用相对定位,使元素不脱离标准流,后面的元素不会

  顶上来,而子元素使用绝对定位,是为了使它可以随意移动位置,且不占位置。

  CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。CSS在web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯