front-end CSS(6) 定位position

1. 常见的图片格式

1. JPG格式----产品常用
2. PNG格式----背景透明的图片
3. GIF格式----小动画，或者透明背景
4. PSD格式----PS的文件

2. 定位

标准流和浮动无法实现以下的效果：

1. 让某个小盒子在大盒子里自由移动，并且压住其它小盒子。
2. 滚动窗口时，某些盒子固定在屏幕上不动。

因此需要定位。

2.1 定位=定位模式+ 边偏移

定位模式：

position: 
 static----静态
 relative----相对
 absolute----绝对
 fixed----固定

边偏移：

4个属性
top: 10px;----相对父元素上边线的距离
bottom: 10px;----相对父元素下边线的距离