CSS display显示隐藏技巧

在HTML开发中，CSS的display属性常用于控制元素的显示与隐藏，通过设置不同值来实现视觉上的呈现或隐藏效果，具体用法值得深入探讨。

1、 按Win+R键调出运行窗口，输入notepad并确认，即可启动记事本程序。

2、 在记事本中输入指定源码，完成后另存为网页.HTML文件即可。

3、 保存后，打开最新版的遨游浏览器，将网页拖入界面，按F12键进入开发者模式，操作所示。

4、 进入开发者工具的display选项，双击后在编辑框中将block改为none，页面左侧文字随即消失；再切换回block，文字重新显示。

5、 创建网页，源码参考上文内容。

6、 打开浏览器，拖入网页即可。

7、 将样式中的display属性由block改为none，即可实现标签的隐藏效果。

8、 反向操作可重新显示。