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

元素的宽高特点

块级元素

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

行级元素

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

行内块级元素

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

元素类型转换

• 任何元素都可以进行类型转换

• 元素类型之间可以相互转换

• 转换后不会影响元素本身的性质

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

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

元素的显式和隐藏

note：隐藏 ≠ 删除

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

        a {
            display: none;
         }