position:relative、absolute 、static 、fixed
相对对位:以元素以前的位置为准进行偏移
position:relative;
top:20px;
left:20px;只有有偏移才能看到效果
绝对定位:
文档流是否需要被破坏?
绝对定位会破坏文档流,会出现浮动效果,最新的div会在最上面
绝对定位和float的区别:float下面元素不会忽略div(也就是下级元素不会被遮挡)
z-index:1;数字越大越在前出现,改变层叠顺序
固定定位:相对于浏览器窗口进行定位
通常情况下,父元素设置为相对定位,为子元素的绝对定位提供偏移依据
border-radius:20px/30px;椭圆
line-height和height设置成一样的,可以使内容自动居中(垂直居中)