修改元素属性示例 ) 博客中 , 开发了一个 密码输入框案例 , 点击右侧按钮可 显示 / 隐藏 密码文本内容 , 实际上就是 切换 input 表单的类型 type 在 text / password...分析了 操作 元素样式属性的 三种方式 : 行内样式操作 , 类名样式操作 , 类列表样式操作 ;
一、案例需求
在页面中 , 设置一个对话框 , 点击对话框左侧 x 按钮 , 关闭对话框 ;
二、案例核心要点...1、关闭对话框的效果实现
关闭对话框 的 效果 , 可以使用 display 属性实现 ;
显示对话框 : 设置 display:block 属性 ;
隐藏对话框 : 设置 display:none...属性 ;
2、display 属性简介
标签元素 的 display 属性 可用于定义一个元素如何在页面上显示 , 该属性 控制了元素的盒模型特性 , 如 : 尺寸、布局方式和如何处理与其他元素的关系..., 但可以设置宽度和高度 , 且元素不会换行 ;
none : 隐藏元素 , 元素不会显示在页面上 , 且不占据任何空间 ;
该设置 用于隐藏元素 , 并且不会影响页面布局 ;
flex :