CSS DIV定位

*css中的属性，如果一个可视化标签有，那么其他的可视化标签100%有，只不过默认值可能不一样

定位[position] 默认值为static

static 默认值 不能动 画在画布之上（陆军）

* 人没死，身体占用了位置，奄奄一息，动弹不得

relative 相对的定位 意味着有两个css属性可以使用了 画在画布之上（陆军）

top left right和bottom（只要设置了position非static才可以使用）

相对于自身元素static的时候所在的位置去移动

* 人刚死了，尸体还在，灵魂出鞘

absolute 绝对的定位 漂浮在画布(canvas)之上 漂浮在画布之上（空军）

就没有了块级元素和行级的概念了

父容器作为参照点？前提条件是它的父容器position不是static或者父容器已经是html

* 人已经死了，尸体已经火化了，只有灵魂在飘（相对于 棺材）

fixed 固定的定位 漂浮在画布(canvas)之上 漂浮在画布之上（空军）

相对于浏览器四个点进行定位

* 已成神仙

*z-index用来设置同样是漂浮在画布之上的盒子的层级先后顺序  值越大 越在最上层

伪类

:hover 当鼠标悬停的时候，改变当前盒子的样式

浮动[float]（一定要设置父容器的高度，漂浮的控件不会影响父容器的高度）

漂浮在画布之上（空军）

left往父容器的左边漂浮

right往父容器的右边漂浮

*left向左排列 right向右排列

*当父容器宽度不够的时候，排列会自动换行

*list-style:none 设置列表标签没有前面的样式

溢出[overflow]

visible 显示

hidden 不显示

scroll 不管你内容溢出否，都有滚动条 不推荐

auto 自动 如果内容没有移除则不显示滚动条 否则显示

案例

cursor:pointer;设置鼠标光标

text-indent:10px;设置文本的缩进

样式.parent:hover .son{

backgroung-color:#fff

//这样写的意思是 当鼠标悬停在父容器的时候，父容器下边的子控件有son样式的 执行背景颜色的变化backgroung-colo r

}