定位属性
position:absolute; 一个绝对定位
绝对定位:基于浏览器定位,根据最底层定位(父元素声明绝对定位 子元素将定位父元素)
position:relative 相对定位
相对定位:基于父元素定位;
position:fiexd 固定定位
固定定位:基于浏览器显示定位;
检测过渡效果变化:右侧距离变化 5秒完成 由慢到快
transition:right 5s ease-in;
点击事件 显示隐藏图片效果
< button οnclick=”document.getElementById(‘img1’).style.display=’block’”>显示< bnutton>
< button οnclick=”document.getElementById(‘img1’).style.display=’none’”>隐藏< /button>
< img src=”图片地址” id=”img1”>
display:block 块状化显示
overflow:hidden 图片超出隐藏