CSS display显示隐藏方法

在CSS中，通过display属性设置为none可隐藏元素，设为block或其它值则显示元素，这是控制显隐的常用方法。

1、 打开电脑，找到一个简单的HTML页面，通过按钮测试display:none的效果，观察其对元素显示与隐藏的控制作用。

2、 页面中的代码结构为一个包含多个类名的 div 容器，内部设有一个链接元素。该链接具有蓝色按钮样式，并带有向右弹跳的动画效果。通过内联样式设定其初始状态为隐藏，同时定义了固定宽度与高度，分别为 200 像素和 50 像素。文字垂直居中显示，行高与按钮高度一致，确保文本居中对齐，字体大小设置为 20 像素，整体视觉效果清晰醒目。点击事件绑定了名为tiaozhuan的函数，用于触发后续操作。此按钮在当前状态下不可见，需通过脚本控制显示时机，适用于动态交互场景，提升用户体验。

3、 在样式中加入 display: none 属性后，再次打开页面，发信按钮将不再显示。

4、 display还有多种属性值，例如display: block，添加后原标签会变为块级元素。对于非前端开发者来说，建议谨慎使用此类属性，以免影响页面布局和显示效果。

5、 测试display属性设置为none时的显示效果。

6、 修改2.html文件，增加相应属性。

7、 display属性包含多种不同的取值方式。