CSS display:none和visibility:hidden区别

CSS display:none和visibility:hidden区别

使用CSS display:none属性后，HTML元素（对象）的宽度、高度等各种属性值都将“丢失”;而使用visibility:hidden属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在。visibility:hidden隐藏，但在浏览时保留位置；CSS display:none视为不存在，且不加载！

css选择器

1. 类别选择器  .class
2.  标签选择器   p
3. ID选择器      #id1
4. 后代选择器  .father .child
5. 子选择器   .father > .child 第一个子元素
6. 伪类选择器 a:hover
7. 通用选择器 *
8. 群组选择器 li,p
9. 相邻同胞选择器 h1+p
10. 属性选择器 input[type] 属性是否存在 input[type='text'] 某个属性值