首先，我们先来了解一下关于显示属性

显示属性，它表示了一个框或者盒的表现，具有2层含义，分别是显示方式和显示效果；

1.显示方式，即display属性，具体是指一个框的表示形式，它自己固定的取值候选：

a)none：表示让这个元素不显示，隐藏起来，同时这个元素是不占据这个文档的空间的。

b)block：表示让这个元素以块级元素的形式显示，在它后面的元素是会另外起一行，这个时候的元素是可以自己定义它的高度和宽度的。如果你想设置一个行内元素的高和宽，或者想让一个隐藏了的元素显示的话，这个方式就是非常好的。

c）inline：表示让这个元素以行内元素的形式显示，这个时候后面的元素会紧跟着前面的元素，并列显示，同事也不能设置高度和宽度。

d）inline-block：表示让这个元素以行内块的形式显示，其实就是一个行内元素，不过这个行内元素可以设置高度和宽度了。如果你不想让这个元素的后面元素另外起一行又想改变这个元素的高度和宽度，那这个方法是极好的。

以上4个候选取值，就是display的取值详解，语法规范就是display：
none/block/inline/inline-block，具体的按照实实际开发需求。练习的时候，可以每个都试一试，看看它们分别是什么效果。

2.显示效果，就是元素显示了之后，再设置它的一些效果，先简单的介绍4个效果：

a）visibility属性，即表示这个元素的显示与否，取值有visible（显示的，也是默认值）、hidden（不显示），这个属性看似和上诉的显示方式挺像的，它们有一个非常明显的区别就是，display为none时，它是不占据空间的；而visibility为hidden时，它虽然是看不见的，但是它会占据页面空间，可能会影响文档的排版问题，这需要特别的注意。

b）opacity属性，即表示这个元素的透明度，取值范围就是0至1，其中0表示完全透明，1表示完全不透明，记住取值越大，越不透明。

c）vertical-align属性，即表示这个元素的垂直对齐，取值可以有：top/middle/bottom baseline；基线对齐

d）cursor属性即光标，表示当你的鼠标在经过这个元素时候，鼠标显示的样式；取值有：pointer(手的形状)、default(默认)、crosshair(显示为“+”)、text(显示为“I”)、wait(显示为等待)、help（显示为“？”）