1、显示方式
决定元素在网页中的表现形式(块级,行内,行内块,table)
语法:display:
取值:
1.display:block; 让元素以块级元素显示
2.display:inline; 让元素以行内方式显示
3.display:inline-block; 让元素以行内块方式显示
4.display:none; 让元素隐藏,脱离文档流,不占位置
5.display:table; 让元素以table方式显示
2、显示/隐藏
visibility
取值:
1.visible 默认值,可见的
2.hidden隐藏
3、常见面试题
1.visibility:hidden和display:none的区别
display:none脱离文档流,后续元素上前补位
visibility:hidden 不脱离文档流,虽然看不到,但是占位
2.opacity和rgba的区别
opacity 作用于元素,只要是跟颜色相关的属性,都会改变透明度
rgba 只会修改当前颜色的透明度