visibility:hidden和display:none的区别；rgba和opacity 的区别

visibility:hidden和display:none的区别：
visibility:hidden; 不脱离文档流的隐藏,占用原来的位置，在页面上视觉看不到,visibility具有继承性，给父元素设置visibility:hidden;子元素也会继承这个属性。但是如果重新给子元素设置visibility: visible,则子元素又会显示出来.display没有继承性。
display:none; 脱离文档流的隐藏，不占原来的位置，在页面上彻底消失
rgba和opacity 的区别：
两者都可以设置透明度
rgba(red,green,blue,transparent);
opacity:0~1 0代表全透明，1代表不透明
rgba只让当前颜色透明；而opacity可以让元素包括元素内部所有与颜色相关的都透明