Javascript CSS记事
注："elm"代表某个DOM元素，"xxx"代表某个CSS属性
一、elm.style.xxx 只能获取内联样式里的值
要想获得正确的css值：
IE：elm.currentStyle[xxx]
W3C标准：document.defaultView.getComputedStyle(elm,"")[xxx]
注意：用IE方法返回值可能不是数字，而是auto；用w3c的方法总是会返回数字+单位
三、offsetLeft
1.浏览器是否会把body的各个属性值(margin,padding,border)包括在offsetLeft内？
IE6/7IE8Firefox
margin-left
否
是
是
padding-left
是
是
是
border-left
否
是
否
2.父元素的属性值也会包括在offsetLeft内
3.对于元素自身的属性值，只有margin-left会被包括在offsetLeft内
4.在元素 display:none 情况下 offsetLeft 的值： IE6/7:-1 IE8/Firefox:0
5.visibility:hidden不会影响offsetLeft
6.body的offsetLeft值:
A.IE6/7会把body的margin-left包括在其offsetLeft内
B.若body有宽度为x的边框(border)，在Firefox里body的offsetLeft会变成-x
四、offsetTop
情况与offsetLeft一样
五、offsetWidth和offsetHeight
在所有主流浏览器里，这两个属性的值都是：border+padding+width
相关文档：
CSS 盒模型
网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的，请看下图：
如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红柿)，就会很熟悉下面的图表了。
这个图表很好地展示了作用于页面上任意盒子的数值。
注意以上两个例子中，margi ......
<script language="javascript" type="text/javascript">
fea = "width=400,height=300,top=100,left=300,resizable=0,scrollbars=0,dependent=yes";
fea_action="width=200,height=100,left=256,top=260,resizable=0,scrollbars=0,dependent=yes"
function f_gopage(page){
form2.page.value=page;
form2.pages ......
想成为一名CSS专家，仅仅熟练使用CSS选择符(selectors)是远远不够的。还在于对工作的整体规划，工作流程的掌握以及提高样式表的可维护性和效率。用CSS可以创建出我们想要的美妙绝伦的网站，而写CSS本身就是一种享受。 那么我们应该如何创建更具吸引力的样式表?你的样式表应该具有哪些特性呢?通过学习并结合我自己的工 ......
我们从52CSS.com中学习DivCSS网页布局的知识，可是W3C validation有时难以操作，但用它你可以查看由版面设计引起的差错。验证程序抛出大量差错和警告，说明你的XHTML尚未完善，可能无法在不同浏览器上保持一致功能。下面十个细微的失效问题难住了大批程序员，本文就告诉你如何解决。在本文开始前介绍一� ......
Block element 块级元素
顾名思义就是以块显示的元素，高度宽度都是可以设置的。比如我们常用的<div>、<p>、<ul>默认状态下都是属于块级元素。块级元素比较霸道，默认状态下每次都占据一整个行，后面的内容也必须再新起一行显示。当然非块级元素也可以通过css的display:block;将其更改成块级元素。此外� ......
