前端基础第八天

91 阅读1分钟
定位

为什么需要定位

image.png

image.png

image.png

定位组成

image.png

image.png

1.3静态定位

image.png

1.4相对定位relative 重要!

image.png

1.5绝对定位 absolute 重要

image.png

1.6子绝父相的由来

image.png

案例学成在线模块添加

image.png

1.7固定定位fixed

image.png

image.png

固定定位案例作业
1.8粘性定位 了解

image.png

1.9定位总结

image.png

1.10定位叠放次序 z-index

image.png

1.11 定位扩展

image.png

定位的特殊性

和浮动类似 行内元素添加后 可以直接设置高度和宽度 块级元素添加后不给宽高会根据内容调整大小 image.png

image.png

image.png

image.png

淘宝焦点图案例

image.png

image.png

网页布局总结

image.png

元素的显示与隐藏

image.png

1.display 显示隐藏 重点

image.png

image.png

2.visibility可见性

image.png

3.overflow溢出

image.png

总结

image.png