CSS的display属性是用来控制元素的渲染模式，它可以定义元素的显示方式，比如块元素、行内元素、表格元素等。
常见取值
CSS的display属性有许多可选取值，下面是常见的取值：
- block：定义块级元素，比如div、p、h1等，默认宽度为100%，可以设置宽度和高度，可以设置margin、padding等。
- inline：定义行内元素，比如span、a等，元素不会新建一行，只能设置行内样式，不能设置宽度和高度，也不能设置margin和padding。
- inline-block：定义行内块级元素，可以设置宽度和高度，可以设置margin、padding等，但是元素不会新建一行。
- none：定义不显示元素，元素不会被渲染，但是元素仍然存在，可以通过js操作。
- list-item：定义列表元素，比如li，会显示列表项标识，可以设置margin和padding，但是不能设置宽度和高度。
- table：定义表格元素，比如table、tr、td等，可以设置宽度和高度，可以设置margin和padding。
- flex：定义弹性布局元素，可以设置宽度和高度，可以设置margin和padding，可以设置弹性布局属性。
- grid：定义网格布局元素，可以设置宽度和高度，可以设置margin和padding，可以设置网格布局属性。
使用方法
.box {
display: block;
width: 200px;
height: 200px;
margin: 10px;
padding: 10px;
}
上面的代码将元素的display属性设置为block，定义为块级元素，并设置宽度为200px，高度为200px，margin为10px，padding为10px。