vertical-align: top | middle ; 垂直对齐
opacity:数字; 【值应该在0-1之间,0是完全透明,1是完全不透明】
应用场景:
1.解决图片3px问题
2.实现表格内容垂直对齐的方式设置
1.定位
概念:将一个元素放在指定的位置上
语法:
position:定位方式;
坐标:
left:*px | right:*px;
top:*px | bottom:*px;
定位方式(5)
1. static 静态定位:元素的默认定位方式。
2. fixed 固定定位:基于浏览器窗口进行位置移动
position:fixed;
left:*px | right:*px;
top:*px | bottom:*px;
盒子完全居中未知大小的盒子 【面试题】
方式1:
position:fixed;
top:50%;
margin-top:-盒子高度的一半;
left:50%;
margin-left: -盒子宽度的一半;
方式2:
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
3. relative 相对定位:基于元素原来的位置进行移动
4. absolute 绝对定位:基于被设置非静态定位的最近上级元素进行定位。如果都没有,基于浏览器的第一屏进行定位。
5. sticky 粘性定位:
复制代码
2.锚点
语法:
要跳转到的区域
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
喜欢就支持一下吧
相关推荐