学习目标
1、position 定位属性和属性值
2、定位元素的层级属性
3、包含块的概念和应用
4、锚点连接的语法和应用场景
5、透明属性的应用
6、扩展:Flash和marquee(滚动字幕)
一、position 定位属性和属性值
position 定位属性,检索对象的定位方式;
语法:position:static /absolute/relative/fixed/inherit/sticky/unset(未设置是inherit和initial的结合)/initial(最初的)
取值:
1、static:默认值,无特殊定位,对象遵循HTML原则;
2、absolute:绝对定位,将对象从文档流 中完全拖离出来,使用left/right/top/bottom等属性相对其最接近的一个并有定位设置的父元素进行绝对定位;如果不存在这样的父对象,则依据《浏览器》进行定位,而其层叠通过z-index属性定义
3、relative :相对定位遵循正常的文档流,将依据right,top,left,bottom(相对定位)等属性在正常文档流中相对自身位置进行偏移;其层叠通过z-index属性定义.
4、fixed:(固定定位),类似于绝对定位的方式,但是它的参照物是浏览器的“可视”窗口,且脱离标准文档流;
5、inherit:规定元素的定位