本节内容主要是为了复习之前学习的css内容以及在学习css各种布局中存在的一些知识盲区和遗漏点,主要起到巩固作用。充分了解display布局

1.display属性

display属性是用于控制页面布局的最重要的css属性。它规定是否/如果显示元素。每个HTML元素都有一个默认的display值，具体取决于它的元素类型。

2.display常用属性

display:none;是将网页上的元素隐藏，但是我们在对某一个元素设置该css属性值的时候，可以发现该元素不仅不会显示，而且元素的所占的空间也没有了。

display:inline;是将当前元素设置为行级元素.(什么是行级元素？简单且通俗的讲：1，多个元素可以放在同一行即行级元素；2，行级元素不能设置宽高;常见的行级元素有：span,a,strong等)具体代码和图例如下所示：

display:block;是将当前元素设置为块级元素.(什么是块级元素？简单且通俗的讲：1，自己单独占一行；2，块级元素能设置宽高;常见的块级元素有：div ul li h1~h6 table等)

display:inline-block;是将当前元素设置为行级块元素.(什么是行级块元素？从字面上来理解就是行级元素和块级元素的合体，它也具有两个明显特点：1，可以跟其他元素占一行；2，行级块元素能设置宽高;常见的行级块元素有：img button input等)，具体代码和图例如下所示：

visibility:hidden;也是将元素进行隐藏。但是该元素隐藏后，它的所占空间大小还会保留在网页当中;而display:none；则不会进行保留