CSS display:none和visibility:hidden区别

CSS display:none和visibility:hidden区别

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

css选择器

类别选择器 .class

标签选择器 p

ID选择器
#id1

后代选择器 .father .child

子选择器 .father > .child 第一个子元素

伪类选择器 a:hover

通用选择器 *

群组选择器 li,p

相邻同胞选择器 h1+p

属性选择器 input[type] 属性是否存在 input[type='text'] 某个属性值