显示方式

方式"/>

显示方式

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 只会修改当前颜色的透明度