CSS隐藏一个元素的几种方式及其不同

有几种方式可以隐藏一个元素（来自慕课网）：

1、CSS display的值是none

2、type="hidden"的表单元素

3、宽度和高度都显式设置为0

4、一个祖先元素是隐藏的，该元素是不会在页面上显示

5、CSS visibility的值是hidden

6、CSS opacity的指是0

如果元素中占据文档中一定的空间,元素被认为是可见的。
可见元素的宽度或高度，是大于零。
元素的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局。