css dispalay

CSS中的display属性非常重要，它可以用来控制HTML元素的外观和布局。

例子：
p{
  display: inline;
}

其中，display属性有许多不同的取值，每个取值都会影响元素的呈现方式。

其中一些常用的display取值包括：

1. block：使元素转换为块级元素，块级元素会独占一行。

  例子：
  div{
    display: block;
  }
  

2. inline：使元素转换为行内元素，行内元素会在同一行内排列。

  例子：
  span{
    display: inline;
  }
  

3. none：隐藏元素。

  例子：
  .hidden{
    display: none;
  }
  

4. inline-block：使元素转换为行内块元素，行内块元素可以在同一行内排列并具有块级元素的特性。

  例子：
  button{
    display: inline-block;
    width: 100px;
    height: 50px;
  }
  

总而言之，使用display属性，可以掌控HTML元素的外观和布局，这对于网页设计和开发非常重要。