2014-08--2014-09 web前端记事

20140914记事

nth-child()是jQuery中唯一从1开始计数的选择符。

css 框的浮动

 w3school中讲解的关于css 框的左浮动 。效果图如下：

但实际上我的测试结果不一样（分别在IE，firefox，chrome，opera，saferi下测试过），想不明白啊。 效果图如下：
。即框1占据了框2的位置，而框2钻到了框3的下面。

CSS框的绝对定位

设置为绝对定位的元素框从文档流完全删除，并相对于其包含块定位，包含块可能是文档中的另一个元素或者是初始包含块。

元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样。

元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。

绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。

html dom compareDocumentPosition方法

假设调用方式为  var n = p1. compareDocumentPosition(p2);
书上说:当节点p1在p2内部时，应该返回8；节点p2在p1内部时，应该返回16；
但实际的结果是 
当节点p1在p2内部时，返回10；节点p2在p1内部时，返回20； （在firefox，chrome，opera，Safari下测试。IE8.0以下不支持）。
看来只有动过手才知道真相。。。

补充：
attr.isId 只有Safari支持（360也支持，不作为依据），又一个跟书上不一致的，这里记着，可能以后会用到.
脚本可以动态更改html元素的样式，但是，对嵌入式的同字段样式无法做改动。