css如何实现显示和隐藏


本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。

css实现显示隐藏的方法:1、使用display属性,语法“display:none|block;”隐藏和显示html元素;2、使用visibility属性,语法“visibility:hidden|visible”隐藏和显示html元素。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

在平时的开发过程中,总是会遇到一些文字在特定的场景下显示或者隐藏来达到我们想要的效果,css中display和visibility语法,他们都可以隐藏和显示html元素。看起来貌似一样,但是他们还是有一定的区别的。

首先先来看一下display和visibility的属性

display属性设置元素的显示方式,对应脚本特性为display,可选值为none、block和inline,各值的说明如下:

  • none:隐藏元素,不保留元素显示时的空间。

  • block:块方式显示元素。

  • inline:以内嵌方式显示元素。

visibility属性设置是否显示元素,对应的脚本特性为visibility,可选值为inherit、hidden和visible,各值的说明如下:

  • inherit:继承父元素的visibility属性设置。

  • hidden:隐藏元素,但保留其所占空间。

  • visible:显示元素(默认值)。

使用的时候的说明:

阅读剩余部分

相关阅读 >>

css怎么实现图片半透明效果

css怎么改变div字体颜色

css如何选取第几个元素

css right是什么意思?

css属性前缀有哪些

css表格边框怎么设置

css如何设置垂直居中

html如何让链接不变色

如何使用css让背景图片不重复

css中背景图片有哪些属性

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...