尺寸位置属性

##对象和标签
1.关系
对象里的: 键key属性=值value属性值
dom对象只有:属性和属性值的概念
dom标签上的id，class，style，标签天生自有的属性，可以通过dom对象直接获取，对于自定义属性不可以直接获取使用get/setAttribute来获取或设置。

-------------------------·总结:一切皆对象;

##·尺寸和位置
因为dom对象的style对象获取的是标签上的style属性，不能获取css里的样式值，所以才有了以下几个api；

##offset 偏移量
1.offsetParent·获取带有定位的父元素，如果找不到则返回body
2.offset获取的值是来自于所有的样式里的，包括样式表和自身的style行内样式
3.offset获取的值是纯数字不带单位
4.offset只能获取值，不可以修改值
5.offsetTop距离带有定位父元素的顶部距离
6.offsetLeft距离带有定位父元素的左边距离
7.offsetwidth边框+内边距+内容的宽
8.offsetHeight
##·client 可视区

1.clientTop 上边框大小

2.clientLeft左边框大小
3.clientWidth内容+内边距的尺寸

4.clientHeight

##·scrolL滚动-滚动条
1.scrollTop·被卷上去的页面高度
2.scrollLeft横向滚动的距离
3.scrollwidth 元素实际的宽，不含边框---如果子元素宽度超过自身，则使用的是子元素的宽，否则才是自己的宽
4.scrollHeight元素实际的高，不含边框