block（块级元素）：块级元素通常用于创建页面的主要结构，如段落、标题、div等。它们会在新行上开始，并占据整个可用宽度。块级元素的主要作用是创建页面的主要布局，它们可以包含其他块级元素和内联元素。
inline（内联元素）：内联元素通常用于包装文本和其他内联元素，它们不会在新行上开始，仅占据它们的内容所需的宽度。内联元素常常用于创建文本链接、强调文本等。
inline-block：inline-block 元素结合了块级元素和内联元素的特性，它们在一行内排列，但可以设置宽度和高度。这允许创建水平排列的按钮、图像、导航元素等。
flex（弹性布局）：display: flex 允许使用Flexbox布局模型，以创建自适应和响应式的页面布局。通过定义Flex容器和其子元素之间的关系，可以实现水平和垂直居中、自适应列布局等复杂布局。
grid（网格布局）：display: grid 允许使用CSS Grid布局模型，将元素划分为网格，以实现高度灵活的布局。它适用于复杂的多列布局、定位元素等。
none：display: none 用于隐藏元素，它不会在页面上显示，但文档结构仍然存在。通常通过JavaScript来控制元素的显示和隐藏。这对于实现交互和动态页面非常有用。
table（表格元素）：display: table 可以将元素呈现为表格元素，包括表格