CSS中的display属性是一个十分重要的属性，它控制着HTML元素在页面中的显示方式。display属性的取值可以是很多种，下面我将对其中一些比较常见的取值进行介绍。

/* display: block *//* 将元素转化为块级元素，使其在页面上从上到下依次排列 */.block {display: block;}

上述代码中的display属性取值为block，它会将元素转化为块级元素，使其在页面上从上到下依次排列。与之相对的是行内元素，它们不会独占一行，而是会与前后元素共用一行空间。下面是一个display为inline的代码示例：

/* display: inline *//* 将元素转化为行内元素，使其与前后元素共用一行空间 */.inline {display: inline;}

如果希望元素既能够独占一行，又不会像块级元素一样占满整个页面宽度，可以采用display为inline-block的方式：

/* display: inline-block *//* 将元素既转化为块级元素，又不会像块级元素一样占满整个页面宽度 */.inline-block {display: inline-block;}

除了以上介绍的三种取值，display属性还有很多其他取值可供选择，如table、flex等。不同取值的display属性将会对元素的外观和布局产生不同的影响。因此，了解并熟练使用display属性是CSS入门的必备知识之一。