css中实现层隐藏的属性

在CSS中，有一种非常常见且重要的属性，它可以用来实现层隐藏，它就是display属性。display属性有多种值，其中最常见的是block、inline和none。

 /*
  display属性的值为block时，元素会被显示为块级元素。
  block元素会在父元素中占用一整行，并且可以设置宽度和高度。
  */
  .block-element {
    display: block;
  }

  /*
  display属性的值为inline时，元素会被显示为行内元素，
  行内元素只会占据它所需的空间，不能设置宽度和高度。
   */
  .inline-element {
    display: inline;
  }

  /*
  display属性的值为none时，元素会被隐藏，同时也会从文档流中移除。
  元素不会占据任何空间，也不能响应用户事件，比如点击和鼠标悬停。
  */
  .none-element {
    display: none;
  } 

使用display属性可以方便地控制元素的显示和隐藏。想要隐藏一个元素，只需要设置其display属性为none就行了，而想要显示该元素，只需要把display属性设置为原来的值就行了。