html易错选项

html易错选项:
1.text-align:center:要想居中,内部元素只能为内联元素,
2.行内元素,可以设置左右margin,不能设置上下margin
3.行内元素,不能嵌套块元素
4.快标签嵌套img,下面会有4px的差值,在img上设置vertical-align:top
5.a标签中嵌套img标签,最好把a标签变为block
6.记住浮动的时候,前一个标签先浮动,后面的标签不浮动就会到它下面,如果下面的标签有文字,那么记住文字半层(浮动标签会提升文字半程),所以文字会向右或者向下.
7.记住浮动标签下,再放置非浮动的行内标签或者特殊标签如img,都会使该标签位于浮动标签的右侧
*8.p,dt,h标签中不能嵌套块属性标签
9.id,class选择器的名字必须以字母开头
10.常用的行内元素要记住：a、span、lable、strong、
11.常用的块级元素要记住：div、h1~h6、dl、ul、ol
12.内联块标签:img,input,textarea,select
12.固定定位跟绝对定位基本一样,唯一的区别就是始终相对与整个文档定位;
13.当子标签距父标签设置margin的时候,父标签必须要有border,要不然,子标签没有margin,而会加载到父标签上,(zi:margin-top:20px),父标签向下移动20px,解决办法:1.父视图设置border,2.父视图设置overflow:hidden
14.浮动元素设置自动margin没有效果
15.绝对定位元素的宽和高的百分比不是基于父标签的百分比,而是基于带有position:relative和absolute和fix这样的父标签,而relativie相对定位是基于父标签元素
16.浮动是基于父标签的百分比
17.float元素和绝对定位和固定定位的块元素都是内容填充宽度,和高度
18.行内元素不能进行平移和旋转,缩放动画

25.DOM中children(元素下面的第一层节点)不是标准属性,是浏览器厂商加的,但是通用,child nodes是标准属性(但是会把\n当成文本节点)
26在标准浏览器(ie9+ chrome和Firefox)下attributes中存放的是行间有写的属性,ie6.7.8存放的是元素本身可以拥有的所有属性
26.在标准浏览器(ie9+ chrome和Firefox)下可以使用firstElementChild专门获取子元素节点,first child也是标准属性,是在非标准浏览器中是支持的(高版本,标准也支持),但是记住:标准会把换行符当成文本节点!!!
26.在ie6,7,8下,不会把换行符当成文本节点
26.属性节点的下标在chrome浏览器按照从前到后的提取顺序,firefox从后往前
17.ie6,7下offset parents的元素的父级没有写relative等,默认是基于html,高版本8以上和标准浏览器是body(有兼容问题的一个属性)
ie6,7的bug:当元素的自身没有任何定位属性,并且没有触发has layout属性时,offset parent与parent node是同一个元素,在i.e.下可以通过obj.currentStyle.haslayout属性来查看属性是否触发了has layout;(true/fasle),ie10以上没有该属性了

27.标准:getAttribute(class),非标准:className
ie6.7.8强大:3.可以通过getattribute获取style里面的样式2,ie6,7,8下可以通过.获取行间自定义属性1.可以通过.和[]创建自定义属性

***old.cloneNode(true):就把old节点重新copy了一份新的,并且写成true的话,会把子元素也copy下来,事件不会被复制,只会赋值DOM结构