CSS基础之元素的显示与隐藏

        元素的显示与隐藏存在三个属性。display、visibility和overflow。

     display

        display用于设置一个元素如何显示。其用法如下：

        display：none；   隐藏对象，使用display隐藏对象之后，元素不再占有原来的位置。

        display：block；    显示对象，还有一层其他的含义就是转换为块元素的意思。

        display除了以上两种用法之外，还有一些其他的用法。如下：

                         

     visibility

       此属性指定是否显示一个元素生成的元素框，即元素仍占有原来的空间，但可以完全不可见。 其用法含义如下：

值	描述
visible	默认值。元素是可见的。
hidden	元素是不可见的。
collapse	当在表格元素中使用时，此值可删除一行或一列，但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上，会呈现为 "hidden"。
inherit	规定应该从父元素继承 visibility 属性的值。

        

      overflow

         此属性定义溢出元素内容区的内容会如何处理，如果未scroll，不论是否需要，都会产生滚动条。就算是可以放下所有元素仍会出现。其取值如下：

值	描述
visible	默认值。内容不会被修剪，会呈现在元素框之外。
hidden	内容会被修剪，并且其余内容是不可见的。
scroll	内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto	如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit	规定应该从父元素继承 overflow 属性的值。