【web前端】定位

发布时间:2022-08-19 11:26

使用课程是黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程_哔哩哔哩_bilibili

今天还会更新CSS高级技巧 

目录

一、定位

1、为什么需要定位

2、定位组成

(1)定位模式

(2)边偏移

3、静态定位static(了解)

4、相对定位relative(重要)

5、绝对定位absolute(重要)

6、子绝父相的由来

7、固定定位fixed(重要)

8、粘性定位sticky (了解)

9、定位的总结

10、定位叠放次序z-index

11、定位的拓展

(1)绝对定位的盒子居中

(2)定位特殊特性

(3)脱标的盒子不会触发外边距塌陷

(4)绝对定位(固定定位)会完全压住盒子

二、综合案例

三、网页布局总结

四、元素的显示与隐藏

1、display属性

2、visibility可见性

3、overflow溢出

4、总结

5、综合案例


一、定位

1、为什么需要定位

提问:以下情况使用标准流或者浮动能实现吗?

  • 某个元素可以自由的在一个盒子内移动位置,并且压住其他盒子。
  • 当我们滚动窗口的时候,盒子是固定屏幕某个位置的。

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网,如有侵权请联系:561261067@qq.com

桂ICP备16001015号