CSS(四)层级关系

z-index 层级样式属性

由于元素定位后会产生元素的叠加覆盖情况，为了灵活控制叠加部分的显示，CSS提供了z-index层级样式属性

z-index只能取整数，默认为0，可正可负

z-index值大的元素会覆盖值小的元素

z-index只对进行了定位的元素有效

如何获得元素在页面中的坐标

HTML所有的元素都具有下面这5个只读属性：

offsetLeft：元素边框距页面左边界的距离

offsetTop：元素边框距页面上边界的距离

offsetWidth ：元素的宽度（左右边框的跨度）

offsetHeight：元素高度（上下边框的跨度）

offsetParent ：返回已经定位的祖先元素，如果没有则返回body元素或者null

使用CSS的五种方式

行内样式：写在元素的style属性里

display  控制元素的可见性

cursor   控制鼠标指针进入元素时的样式

内嵌样式：写在