CSS的display属性是用来控制元素的外观和布局的，它有多个值可以设置，每个值都有不同的作用和效果。

1. 默认值block：

这个值使元素以块级方式显示，会在其前后产生换行。块级元素会占据其父元素的整个宽度，可以设置宽度、高度、上下边距和内边距，可以容纳其他块级元素。

使用display:block;可以让元素展示为块级元素，例如div、p、h1等。

2. 行内元素：

这些元素不会在其前后产生换行，而是尽可能地与其他行内元素在同一行中排列。行内元素不会改变元素的宽度和高度，只能设置左右边距和内边距。

常见的行内元素有span、a、img等。

使用display:inline;可以将元素显示为行内元素。

3. 行内块级元素：

行内块级元素具有行内元素和块级元素的特性，既可以在同一行排列，又可以设置宽度、高度、内边距和边框。行内块级元素不会在其前后产生换行。

使用display:inline-block;可以将元素显示为行内块级元素，例如input、button等。

4. 隐藏元素：

有时候我们希望将某个元素隐藏起来，但不希望它占用布局空间。这时可以使用display:none;来隐藏元素。隐藏的元素不会显示在页面上，也不会占用空间。

使用display:none;可以隐藏元素。

5. 列表项：

display属性还可以用于设置列表项的显示方式，列表项有两种形式：有序列表(ol)和无序列表(ul)。

使用display:list-item;可以将元素显示为列表项。

6. 表格元素：

display属性还可以用于控制表格元素的显示方式。

使用display:table;可以将元素显示为表格；

使用display:table-row;可以将元素显示为表格行；

使用display:table-cell;可以将元素显示为表格单元格。

除了以上几种常用的display属性值外，还有一些其他的值，例如table-row-group、table-header-group、table-footer-group、table-column、table-column-group等，用于控制表格元素的不同部分的显示方式。

总结：

CSS的display属性是用来控制元素的显示方式的，它可以设置元素的外观和布局，包括块级元素、行内元素、行内块级元素、隐藏元素、列表项和表格元素。合理地使用display属性可以使页面布局更加灵活和美观。