1. display
可选值:
1. inline 将元素设置为行内元素
2. block 将元素设置为块元素
3. inline-block 将元素设置为行内块元素
4. table 将元素设置为表格
5. none 元素不显示(也不会占据位置)
2.visibitity
可选值:
1. visible 默认值,元素在页面中正常显示
2. hidden 元素在页面中隐藏,但依然占据页面位置
3.opacity
透明度,设置为0后元素隐藏,但任然占据页面位置
4. display:none、visibility:hidden、opacity:0之间的区别
是否占据空间
display:none //不会占据页面空间
visibility:hidden 和 opacity:0 仍会占据页面空间
是否触发自身绑定事件
visibility:hidden // 不会触发自身绑定事件
opacity:0 //能触发事件
是否支持transition
opacity支持transition,支持淡入淡出
visibility支持transition,但主要visibility的值大于0就显示,所以不支持淡入淡出
display不支持transition