HTML中的Postion定位问题及盒子模型、CSS伪类

一、Postion定位问题

1、相对定位（postion：realtive）

图像可以根据原有位置移动，但是原先图像的位置不会改变，哪怕出现空白部分。（占位置）

2、绝对定位（postion：absolute）

图像可以根据浏览器移动，但是不占用位置，处于浮动状态。（不占位置）

3、固定定位（postion：fixed）

位置固定不动。（不占位置）

二、盒子模型

margin是文件对网页边缘的距离，即外距。

padding是文件内容对文件本身边缘的距离，即内距。

浏览器本身有8px的外距，所以一般可以用*{margin：0；  padding：0}清楚浏览器默认边距。

cellspacing：属性可设置在单元之间的空白(表格中各个单元格之间的距离)。

cellpadding：属性规定单元边沿与其内容之间的空白。

三、css伪类

即鼠标进行动作时，图像及文字会产生的变化的方法。

a:hover{   }即鼠标悬停伪类。

a:active{   }即激活。

a:visited{   }即访问过。

a:link{   }即访问前。

hover方法：鼠标搁置于其上时产生样式变化。（a:hover{   }）