下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:元素的定位

作者:jeff_zhu     来源: https://www.cnblogs.com/jeff-zhu/p/11375803.html点击数:1027发布时间: 2020-03-01 16:09:49

标签: CSSwebhtml

Web开发

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

web前端:元素的定位_CSS_web_html_课课家

  position:static静态定位是元素默认定位方式,就是各元素在HTML文档流中的默认位置。

  注意:任何元素在默认状态下都会以静态定位来确定自己的位置,在静态定位状态下,无法通过边偏移属性(top,bottom,left,right)来改变元素位置。

  position:relative相对定位是将元素相对于它在标准文档流中的位置进行定位,对元素设置相对定位后,可以通过边偏移属性改变元素的位置,但是它在文档流中的位置仍将保留。

  position:absolute是将元素依据最近的已经定位(绝对,固定,或相对定位)的父元素进行定位,若所有父元素都没有定位则依据body根元素(浏览器窗口)进行定位。

  注意:如果仅设置绝对定位,不设置边偏移,则元素的位置不变,但其不在占用标准文档流中的空间,与上移后续元素重叠。

  position:fixed相对与浏览器窗口作为参照物来进行定位,脱离文档流。

  z-index层叠等级属性

  z-index取值可为正整数,负整数,和0,默认属性值是0,z-index属性仅针对定位元素生效。

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

赞(13)
踩(1)
分享到:
华为认证网络工程师 HCIE直播课视频教程