隐藏元素及复习

1.元素的显示与隐藏

①display隐藏元素后，不在占有原来位置。

display：none；隐藏对象

display：block；除了转换为块级元素同时还有显示的意思

②visibility隐藏元素后继续占有原来位置。

visibility：inherit；继承上级父元素的可见性

visibility：visible；对象可视

visibility：hidden；对象隐藏

visibility：collapse；隐藏行或列

③overflow溢出，一般有定位且定位超出盒子不能用。

overflow：visible；显示

overflow：auto；需要时添加滚动条

overflow：hidden；不显示

overflow：scroll；显示滚动条，不溢出也显示

2.如果一个盒子即有left属性也有right属性，则默认执行left属性。同理top和bottom话执行top。

3.合理使用并集选择器来防止相同的代码，可以简化代码的长度。