css中显示隐藏文字

CSS中可以通过设置display属性来控制文字的显示和隐藏。

.hide{
    display:none;
}
.show{
    display:block;
} 

以上代码中，.hide表示隐藏元素的class，.show表示显示元素的class，display:none表示隐藏一个元素，display:block表示显示一个元素。

当需要在鼠标悬浮时显示出隐藏的文字时，可以使用:hover伪类实现。

.hide{
    display:none;
}
.show{
    display:block;
}
.show:hover .hide{
    display:block;
} 

以上代码中，当鼠标悬浮在.show元素上时，.hide元素就会显示出来。

另外，通过改变元素的opacity属性也可以实现文字的逐渐显示和隐藏，从而达到淡入淡出的效果。

.show{
    opacity:0;
    transition:opacity 1s;
}
.show:hover{
    opacity:1;
} 

以上代码中，.show元素在初始状态下opacity为0，当鼠标悬浮时，opacity变为1，从而实现文字的淡入效果。transition属性控制了opacity变化的时间为1秒。

在使用CSS控制文字的显示和隐藏时，需要注意元素的布局是否会被影响，以及在不同元素间切换时可能出现的闪烁问题。