css3 重复样式提取,css3 cur指针不显示,CSS3常用属性,CSS3采用什么措施避免样式无法兼容多种浏览器的问题,CSS3菜单缩放,CSS3创建动画特效
CSS3 中的 display 属性是用来设置 HTML 元素在页面中显示方式的属性。它决定了一个元素应该以何种方式呈现。

以下是一些常见的 display 值及其描述：

- block：把元素渲染为块级元素，使其占据整个容器的宽度，并在前后都有换行符。
- inline：把元素渲染为行内元素，使其只占据必要的宽度，并允许其他元素与其在同一行上。
- inline-block：把元素渲染为行内块元素，使其具有块级元素的特性，但是不会打断文本流。
- none：元素不会被显示，也不会在页面中占据空间。

除了以上常见的值外，还有一些其他的共 11 种 display 值可供选择。

下面是一些示例代码，演示如何使用 display 属性：

html
<div style="display: block; width: 200px; height: 100px; background-color: red;"></div>
<!-- 把 div 渲染为一个块级元素，设置宽度、高度和背景颜色 -->

<span style="display: inline; color: blue;">这是一段行内文本。</span>
<!-- 把 span 渲染为一个行内元素，设置文字颜色 -->

<button style="display: inline-block; padding: 10px; background-color: green;">点击我</button>
<!-- 把 button 渲染为一个行内块元素，设置 padding 和背景颜色 -->

<p style="display: none;">这段文字不会被显示。</p>
<!-- 把 p 元素的 display 属性设置为 none，使其不被显示 -->


值得注意的是，通过改变 display 属性，可以改变元素的默认行为。例如，将一个 div 元素的 display 属性设置为 inline，它将不再占据整个容器的宽度，并与其他行内元素在一行上显示。