CSS的display属性是用于控制一个元素在页面中如何显示的。display属性有多种值，每个值对应不同的显示方式。下面是一些display属性的常见值：

display: none; // 元素不显示，且不占空间display: block; // 元素以块级元素显示display: inline; // 元素以行内元素显示display: inline-block; // 元素以行内块级元素显示display: flex; // 元素以弹性盒模型显示display: grid; // 元素以网格布局显示

其中，display: none;的作用是隐藏元素，该元素在页面中不会显示，同时也不会占用它原本应占据的空间。常用于实现页面上的一些特效。

display: block;的作用是将元素以块级元素的方式显示。块级元素会独占一行，它们的默认宽度是容器的100%，这意味着块级元素会占据整个容器的宽度。

display: inline;的作用是将元素以行内元素的方式显示。行内元素会在一行中排列，如果空间不够了，内容就会换行。同时，行内元素的默认宽度就是它所包含的内容的宽度。

display: inline-block;的作用是将元素以行内块级元素的方式显示。行内块级元素与行内元素类似，但它们可以设置宽度、高度、padding和margin等属性，而这些属性对于行内元素来说是不生效的。

display: flex;的作用是将元素以弹性盒模型的方式排列。弹性盒模型非常强大，它可以方便地实现各种布局。弹性盒模型默认是沿主轴方向排列的。

display: grid;的作用是将元素以网格布局的方式排列。它是CSS3中新增加的布局方式，在实现复杂布局时非常有用。