day06

知识要点梳理

1.相对定位

day06_第1张图片
1.PNG

2.绝对定位

day06_第2张图片
2.PNG

3.元素垂直水平居中

day06_第3张图片
3.PNG

day06_第4张图片
4.PNG

4.搜索框

day06_第5张图片
5.PNG

百度搜索框

day06_第6张图片
6.PNG

5.fixed

day06_第7张图片
7.PNG

6.z-index

day06_第8张图片
8.PNG

注释:当one设置z-index为100;只要two设置的z-index超过100就覆盖one;设置hover鼠标移动经过效果,设置one的z-index超过two的,就能实现

你可能感兴趣的:(day06)