1.什么是定位?
改变元素的位置,并且固定在某个位置。
2.定位的分类:
--相对定位
--固定定位
--绝对定位
3.相对定位
--position:relative
--top:
--lef:
--bottom:
--right:
--特点:元素本身是否有父元素,有父元素以父元素为参照物进行定位,没有父元素以浏览器原点为参照物进行定位,相对定位不改变文档流。
4.固定定位
--position:fixed;
--top:
--lef:
--bottom:
--right:
--特点:元素本身不管有没有父元素,都是以浏览器原点为参照物进行定位,固定定位改变文档流。
5.绝对定位
--position:absolute;
--top:
--lef:
--bottom:
--right:
--特点:元素本身有父元素,要先看父元素有没有定位,父元素有定位,以父元素为参照物进行定位,父元素没有定位,以浏览器原点为参照物进行定位。
元素没有父元素,以浏览器原点为参照物进行定位。绝对定位改变文档流。
6.堆叠顺序
--必须和定位结合使用
--z-index:
--正值越大,元素层级越高,负值越小,元素层级越低
7.透明度:
opacity:(0-1之间,ie 5,7,8浏览器不支持该属性)
IE 滤镜(兼容) filter:alpha(opacity=0~100);
8. 行标签写宽高的几种方法
/* float: left; */
/* display:block; */
/* display: inline-block; */
/* position: fixed; */
/* position: absolute; */