CSS知识小结

CSS有关的知识点小结
一、定位
1、position 检索对象的定位方式
   position：absolute 将对象从文档流中拖出 使用left、Right、top、bottom属性
   position：relative 对象不可层叠，当将依据left，right，top，bottom等属性在正常文档流中偏移位置
2、top 检索或设置对象与其最近一个具有定位设置的父对象顶边相关的位置
3、bottom 检索或设置对象与其最近一个具有定位设置的父对象底边相关的位置

二、布局
1、clear 该属性的值指出了不允许有浮动对象的边
clear：none 默认值 允许两边都可以有浮动对象
clear：left 不允许左边有浮动对象
clear：right 不允许右边有浮动对象
clear：both 不允许有浮动对象
2、float ：该属性的值指出了对象是否及如何浮动
float：none 默认值 对象不漂浮
float：left 文本流向对象的右边
float：right 文本流向对象的左边
3、display 设置或检索对象是否及如何显示
4、visibility 设置或检索是否显示对象

三、外补丁
margin 检索或设置对象四边的外补丁
如果有四个参数值 将按上-右-下-左，如果只提供一个参数值将用于四边，如果提供两个，则第一个是上-下，第二个是左-右，如果提供三个，则第一个用于上，第二个用于左-右，第三个用于下

四、内补丁
padding 检索或设置对象四边的内补丁 参数值位置与含义和margin用法一致

五、边框
border 设置对象的边框样式

六、伪类
：hover  设置对象在其鼠标悬停时的样式