元素的隐藏

在一些特定的情况下需要把元素隐藏，而隐藏元素分为在文档流中保留位置和不保留位置

.hide{
            /* display:none，设置元素为隐藏，而且文档流中没有元素的位置 */
            /* display: none; */

            /* visibility: hidden;隐藏元素，但文档流中位置还在 */
            /* visibility: hidden; */

            
            /* opacity设置元素透明度，范围0~1，0表示完全透明，1表示完全不透明 */
            /* opacity: 0; */
            
            /* rgba，可以设置透明色，只是背景透明，标签内容不会变化 */
            background-color: rgba(0, 255, 255, 0.5);
        }