js|css显示隐藏元素

css显示隐藏元素
1、display:none 元素在页面不显示
但是在dom结构上能看到
【js|css显示隐藏元素】触发回流和重绘
1、其余属性 block: 块元素
inline: 行内元素(默认值)
inline-block:行内块元素
inherit:继承父元素的display属性
2、opacity:0 透明度为0
只是看不到,但是还存在,点击事件可以触发
会触发页面的重绘,不会触发重排
3、visibility:hidden 元素不可见,但是会占据空间
不会触发事件
会触发页面的重绘,不会触发重排
1、其余属性 visible: 默认值,可见
collapse:用在table元素上,表现和display:none一致;用在其它元素上,表现和visibility:hidden一致
inherit: 继承父元素的visibility的属性

    推荐阅读