CSS元素宽高特点、类型转化、显式和隐藏（display）

常常不爱学习2024-12-12 10:30

元素的宽高特点

块级元素

可以设置宽高，不可以和其他元素在一行
设置宽高时，元素的宽高为设置的值
没有设置宽高时，宽度和父级宽高一样，高度由元素内容决定

行级元素

不可以 设置宽高，可以和其他元素在一行
元素的宽高由元素内容决定，对其设置是无效的

行内块级元素

可以设置宽高，可以和其他元素在一行
没有设置宽高时，宽高由元素内容决定
设置宽高时，就为设置的值

元素类型转换

任何元素都可以进行类型转换
元素类型之间可以相互转换
转换后不会影响元素本身的性质

（如：行级元素不可以设置宽高，但是转换为行内块级元素就可以设置宽高了）

复制代码

   a {
         //转换为块级元素
          display: block;
          //行内块级元素
          display: inline-block;
          //行内元素
          display: inline;
      }

元素的显式和隐藏

note：隐藏 ≠ 删除

页面结构仍然存在，但是元素所占空间会被删除

复制代码

        a {
            display: none;
         }