在HTML开发中,CSS的display属性常用于控制元素的显示与隐藏,通过设置不同值来实现视觉上的呈现或隐藏效果,具体用法值得深入探讨。
1、 按Win+R键调出运行窗口,输入notepad并确认,即可启动记事本程序。
2、 在记事本中输入指定源码,完成后另存为网页.HTML文件即可。
3、 保存后,打开最新版的遨游浏览器,将网页拖入界面,按F12键进入开发者模式,操作所示。
4、 进入开发者工具的display选项,双击后在编辑框中将block改为none,页面左侧文字随即消失;再切换回block,文字重新显示。
5、 创建网页,源码参考上文内容。
6、 打开浏览器,拖入网页即可。
7、 将样式中的display属性由block改为none,即可实现标签的隐藏效果。
8、 反向操作可重新显示。
