元素的显示与隐藏
本质:让一个元素在页面中隐藏或显示出来
1.display属性
display属性用于设置一个元素应如何显示
display: none;//隐藏对象
display: block;//除了转换为块级元素之外,同时还有显示元素
display 隐藏元素后,不再占有其原先位置(搭配js做网页设计特效)
2.visibility可见性
visibility: visible;//元素可视
visibility: hidden; //元素隐藏
visibility隐藏元素后,继续占有原来的位置
3.overflow 溢出
overflow属性指定了如果内容溢出一个元素的框时会发生什么
如果有定位的盒子,请慎用overflow:hidden因为他会隐藏多余的部分