CSS3 display 属性是用于设置一个元素的显示方式（布局类型）。在CSS3中，新增加了一些display的值来完成一些在传统布局中不容易完成的布局效果。
1. display: none;
使用display:none;可以将元素从渲染树中完全移除，元素不显示，并且该元素占据的空间由其他元素填补。
例如：
.hello {
display: none;
}
使用display:none能够实现一些在不需要展示的元素上使用，以实现更好的性能。
2. display: block;
使用display:block;可以将元素作为块级元素显示，块级元素会独占一行，并且可以设置宽度、高度以及其他布局属性。
例如：
.div {
display: block;
}
2.1 display: inline-block;
使用display:inline-block;可以将元素作为行内块级元素显示，元素会在一行中显示，并且可以设置宽度、高度以及其他布局属性。
例如：
.div {
display: inline-block;
}
2.2 display: table;
使用display:table;可以将元素作为表格显示，并且会自动包含一个匿名的table-cell元素子元素。
例如：
.div {
display: table;
}
3. display: flex;
使用display:flex;可以将元素作为弹性容器显示，其中的子元素可以按照一定的规则自动布局。
例如：
.div {
display: flex;
}
4. display: grid;
使用display:grid;可以将元素作为网格容器显示，可以通过定义网格模板和网格轨道来实现灵活的布局。
例如：
.div {
display: grid;
}
总结：
CSS3的display属性提供了更多灵活性和自由度，可以根据不同的需求选择不同的display值进行布局，从而实现更好的页面布局效果。