display&visibility

温习:

样式选择权占值:

• 第一等级内联样式style="" 权重值1000
• 第二等级id选择器,#my-div,权重值100
• 第三等级class选择器,.class,伪类选择器,属性选择器,权重值10
• 第四等级标签选择器,div ,伪元素选择,权重值1
• 权重值相同的情况下写在后边会 把写在前边的覆盖

display:none; 隐藏

display:inline; 行级元素

1. 多个元素占一行
2. 行级元素不可以设置宽高

display:block;块级元素

1. 自己占一行
2. 可以有宽高

displsy:inline-block;行级块元素

1. 多个元素可以占一行
2. 可以有宽高

visibility:visible;可见的

visibilty:hidden;不可见,但是仍然占据原来的位置