如何在网页中使用CSS Display语句

1、hidden语句。使用了这个语句之后，就可以让指定的元素进行隐藏。

<style>

h1.hidden {visibility:hidden;}

</style>

2、隐藏并且不占据空间。这样的一个语句使用之后，这个元素就如同在网页中完全消失了一样。

h1.hidden {display:none;}

3、块和内联元素。在网页的元素当中有着两种相近又有区别的元素，这就是块和内联元素。

块元素：

<h1>

<div>

内联元素：

<span>

<a>

4、内联元素的呈现方式。

li{display:inline;}

5、块元素的呈现方式。

<style>

span

{

display:block;

}

</style>

6、表的collapse属性。

<style>

table, th, td {

    border: 1px solid black;

}

tr.collapse {

    visibility: collapse;

}

</style>