CSS定位position:
一、html中常用的布局方式
1.标准流(顺序布局) 2.浮动 3.定位
二、两大元素
1.块级元素(自动换行)2.内联元素(不换行)
HTML中的2大元素:块状元素(div、H1段落、有序无序列表【ol、al、li】、table、P段落等)、内联元素(超链接a、span、img、input控
件等) 块状元素独占一行空间;内联元素不独占,统一排列在一行中,空间不足时,才挤压到下一行
三、position属性的含义以及意义
1.决定了元素将如何定位;
2.通过top、left、bottom、right实现定位:
3.position可选参数
1)static:默认;
2)relative:相对,可以使用left top bottom right 来改变位置
top,left以向下和向右为正坐标
bottom, right是以向上和向左为正坐标
3)absolute:脱离文档流
4)fixed:固定定位
5)inherit:继承父元素的属性
2)relative:相对,可以使用left top bottom right 来改变位置
top,left以向下和向右为正坐标
bottom, right是以向上和向左为正坐标
3)absolute:脱离文档流
4)fixed:固定定位
5)inherit:继承父元素的属性
四、z-index
1.可以设置元素的叠加顺序,但依赖定位属性;
2.值较大的元素会覆盖值较小的元素;
3.值为auto的不参与层级比较;
4.值为负值,元素被普通刘覆盖;