前台设计细节

1、关于手光标(CSS-cursor : hand；)Cursor:hand在css中定义；它运行不稳定，不是W3C标准。标准做法是：指针。2.关于样式，当前样式，getComputedStyle样式表分为以下类型：直接写在标签上的内联样式、写在head元素的样式标签中的内部样式以及由链接引入的外部样式。嵌入样式可以通过Dom.style. style名称获得。请注意，样式名是驼峰格式内部样式和外部样式不能通过样式获得。样式名称需要通过currentStyle/getComputedStyle获取。如果你只使用样式，你只会得到一个空值。如果获取样式时返回的值是“自动”的呢？使用偏移样式名称(大写)3.样式表的偏移量、客户端、滚动和当前样式属性偏移量权重=borderTopWidth客户端高度滚动条宽度borderBottomWidth偏移量=边界扭曲客户端宽度滚动条宽度边框宽度；元素内部的实际可用区域(高)=客户端高度-填充宽度-填充宽度；元素内部的实际可用面积(宽度)=client width-padding ligwidth-padding grid width；ScrollHeight:文章的实际高度，不管它是否已经用垂直滚动条滚动过。滚动条宽度：文章的实际宽度，不管它是否被水平滚动条滚动过。滚动条：用垂直滚动条滚动的高度。滚动条：用水平滚动条滚动的宽度。文章没有滚动部分(高)=scroll height-scroll top-client height；展开部分(宽度)=scroll width-scroll eft-client width。偏移量：如果位置是绝对的，它是y轴相对于主体左上角的差值(垂直滚动条滚动到顶部，水平滚动条滚动到左侧)。如果是相对的，则是Y轴上相对于上部或外部元素的差异。如果该属性是静态的(位置的默认值)，则它没有任何意义。偏移量：如果位置是绝对的，它是X轴相对于主体左上角的差值(垂直滚动条滚动到顶部，水平滚动条滚动到左侧)。如果它是相对的，它是在X轴上相对于上部或外部元素的差异。如果该属性是静态的(位置的默认值)，则它没有任何意义。ClientTop:相当于borderTopWidth。ClientLeft:相当于borderLeftWidth。当前样式：高度：相当于客户端高度。宽度：相当于客户端宽度。左：相当于offsetLeft。顶部：相当于偏移顶部。填充：总共有4个，可以单独或一起指定。该值是指元素边框和元素内可用区域之间的距离。边距：总共有4个，可以单独指定，也可以一起指定。该值指相邻/周围元素之间的距离。当元素位置相对时，它的4个值分别相当于顶部、右侧、底部和左侧。4.四种浏览器对客户端高度、偏移高度、滚动高度、客户端宽度、偏移宽度和滚动宽度的不同解释网页的宽可视区域：文档.正文.客户机宽度网页的高可见区域：document.body.clientHeight网页的宽可视区域：文档.正文.中间偏置(包括边框宽度)网页的可视区域很高：文档.正文.偏移量(包括边框的宽度)网页正文的全文宽度：文档.正文.滚动宽度网页的全文高：document.body.scrollHeight网页滚动的高度：document.body.scrollTop网页滚动的左边：document.body.scrollLeft网页正文：window.screenTop网页的主体在左边：窗口。屏幕在左边高屏幕分辨率：窗口、屏幕、高度屏幕分辨率的宽度：窗口.屏幕.宽度屏幕可用工作空间高度：窗口.屏幕.可用高度屏幕可用工作区宽度：窗口.屏幕.可用宽度IE(网络浏览器)、NS(网景)、Opera、FF(火狐)之间的区别：clientHeight四种浏览器都不反对客户端高度的解释。他们都认为这是内容可视区域的高度，即在页面浏览器中可以看到内容的区域的高度，通常是从最后一个工具栏的底部到状态栏顶部的区域，与页面的内容无关。向右偏移IE，Opera think offsetHeight=客户端高度滚动条边框。诺基亚西门子通信和法国FF认为“偏光”是网页内容的实际高度，可以小于客户端高度。滚动高度IE和Opera认为scrollHeight是网页内容的实际高度，可以小于clientHeight。NS和FF认为滚动高度是网页内容的高度，但最小值是客户端高度。简单地说ClientHeight是通过浏览器查看内容的区域的高度。NS和FF认为偏移高度和滚动高度是网络内容的高度，但是当网络内容的高度小于或等于客户端高度时，滚动高度的值是客户端高度，而偏移高度可以小于客户端高度。IE和Opera认为右边是滚动条，在可视区域客户端高度有边框。ScrollHeight是网页内容的实际高度。类似地，客户机宽度、偏移宽度和滚动宽度的解释与上面相同，只是将高度改为宽度。注：以上也是一个变化。这只是我自己的参考。有些值取决于页面样式。我不能用上面的方法用Ajax来设置高度！JavaScript窗口属性：网页的宽可视区域：文档.正文.客户机宽度网页的高可见区域：document.body.clientHeight网页的宽可视区域：文档.正文.中间偏置(包括边框宽度)网页的可视区域很高：文档.正文.偏移量(包括边框的宽度)网页正文的全文宽度：文档.正文.滚动宽度网页的全文高：document.body.scrollHeight网页滚动的高度：document.body.scrollTop网页滚动的左边：document.body.scrollLeft网页正文：window.screenTop网页的主体在左边：窗口。屏幕在左边高屏幕分辨率：窗口、屏幕、高度屏幕分辨率的宽度：窗口.屏幕.宽度屏幕可用工作空间高度：窗口.屏幕.可用高度屏幕可用工作区宽度：窗口.屏幕.可用宽度可以在IE、火狐和Opera下使用document.body.clientWidthdocument.body.clientHeight它非常简单方便。在公司的项目中：歌剧仍在使用document.body.clientWidthdocument.body.clientHeight但是IE和火狐使用它document . DocumentElement . ClientWidthdocument . DocumentElement . ClientHeight事实证明，W3C标准是错误的。/TR/xhtml1/DTD/xhtml1-transitional.dtd如果将这一行标记添加到页面中在工业工程中：document . body . client width=body对象宽度document . body . client height=body对象高度Documentelement.clientwidth=可见区域宽度Documentelement.clientheight=可见区域的高度注意：IE中的“可见区域”基本上不识别主体，但必须使用documentElement！在FireFox中：document . body . client width=body对象宽度document . body . client height=body对象高度Documentelement.clientwidth=可见区域宽度Documentelement.clientheight=可见区域的高度歌剧中：Document.body.clientWidth=可视区域宽度Document.body.clientHeight=可见区域的高度Documentelement.clientwidth=页面对象宽度(即BODY对象宽度加上边距宽度)Documentel