6-3position属性及子元素伪类选择器.pptx

;教学目标;;1.定位方式-position

定位方式属性用于设定浏览器应如何来定位HTML元素。;1.定位方式-position：static;2.定位方式-position：absolute;3.定位方式-position：relative;使用相对定位的盒子的位置定位依据常以标准流的排版方式为基础，然后使盒子相对于它在原来的标准位置偏移指定的距离。相对定位的盒子仍在标准流中，它后面的盒子仍以标准流方式对待它。

;4.定位方式-position：fixed;;定位属性定位;层叠顺序属性用于设定层的先后顺序和覆盖关系，该属性实际是设置元素沿z轴的位置。默认情况下，z-index值为1，拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。【取值auto表示遵从其父对象的定位；取数字值是必须是无单位的整数值，可以取负值。】

注意：本属性只对设置了定位属性的盒子才起作用。;层叠顺序设置;层叠顺序设置;可见属性用于设定嵌套层的显示属性，此属性可以将嵌套层隐藏，但仍然为隐藏对象保留其占据的物理空间。如果希望对象为可视，其父对象也必须是可视。;;CSS3中新增了几个子元素伪类选择器，大大提高了开发者的开发效率。之前有些要通过为一个个子元素添加class，或者js实现才能实现的效果。现在可以很方便的用选择器实现。;实例：;;;;子元素伪类选择器;;关系选择器;关系选择器;关系选择器;