web前端基础(三)

本文主要介绍了CSS中的定位技术,包括静态定位、相对定位、绝对定位和固定定位,详细讲解了边偏移、定位模式、堆叠顺序以及各种定位模式的特点。此外,还涵盖了CSS布局如浮动、显示模式、圆角设置、网页布局总结等基础知识,以及一些高级技巧,如元素的显示与隐藏、鼠标样式、轮廓线、溢出处理和CSS精灵技术。
摘要由CSDN通过智能技术生成
CSS(三)


web前端基础(三)

本文仅是学习过程中的简略笔记,如有错误,烦请指正。


提示:以下是本篇文章正文内容,下面案例可供参考

一、前言

css设置网页元素的外观样式,行为

二、具体内容

.CSS

定位:
定位模式+边偏移
边偏移:
顶端边偏移:top: ___px 元素与其父亲上边线的距离
底部偏移量:bottom:___px
左侧偏移量:left:
右侧偏移量:right:
定位模式:
选择器{ position:属性值;}
Static表静态定位
*静态定位是元素的默认定位方式,即表示无定位,按标准流摆放,没有边偏移。
Relative表相对定位
*相对于标准流的位置,相对定位在标准流的区域继续占有,不脱标,后面的盒子以标准流对待
Absolute表绝对定位
*绝对定位是元素以带有定位的

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值