css的继承、层叠

css中关于字体的属性一般是有继承特性的，例如font-size、color、font-weight、font-family，但继承过来的是计算属性不是设置属性

1、display值得属性

1.1、block

块级元素：独占一行，可以设置高度和宽度

1.2、inline

行内级元素：多个行内级元素独占父元素的一行，不能设置高度和宽度，默认由内容撑开

1.3、inline-block

行内块级元素：多个行内块级元素占一行，可以设置高度宽度,行内元素又可以分为可替换和不可替换元素，可替换元素可以设置高度宽度，如：img，不可替换元素，不能设置高宽，如：span，a

1.4、使用注意事项

block、inline-block里面可以放置任何元素，但是p标签不能放块级元素，行内级元素不要放块级元素。

2、元素的隐藏

1. display:none -- 还在HTML结构里，不占据位置
2. visibilitty:hidden -- 占据文档位置
3. 设置透明度：给元素的前景色和背景设置透明度
4. opacity:0-1 -- 也是设置透明度，但是这个会影响子元素，所有子元素都会有这个属性

    .content-1 {
      display: none;
    } 
   .content-2 {
      visibility: hidden;
    }
    .content-3 {
      color: rgba(0, 0, 0, .5);
    } 
    .content-4 {
      opacity: 0.4;
    } 

div等一些标签是块级元素，其实是浏览器默认设置了display：block这个属性