css nodeType

img
  {
  vertical-align:text-top;
  }
垂直对齐图像
nodeType 属性返回以数字值返回指定节点的节点类型。
如果节点是元素节点，则 nodeType 属性将返回 1。
如果节点是属性节点，则 nodeType 属性将返回 2。
1
 
 
 
Element
代表元素
Element,
 Text, Comment, ProcessingInstruction, CDATASection, EntityReference
2
Attr
代表属性
Text, EntityReference
3
Text
代表元素或属性中的文本内容。
None
4
CDATASection
代表文档中的
 CDATA 部分（不会由解析器解析的文本）。
None
5
EntityReference
代表实体引用。
Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
6
Entity
代表实体。
Element, ProcessingInstruction,
 Comment, Text, CDATASection, EntityReference
7
ProcessingInstruction
代表处理指令。
None
8
Comment
代表注释。
None
9
Document
代表整个文档（DOM 树的根节点）。
Element,
 ProcessingInstruction, Comment, DocumentType
10
DocumentType
向为文档定义的实体提供接口
None
11
DocumentFragment
代表轻量级的 Document 对象，能够容纳文档的某个部分
Element, ProcessingInstruction, Comment, Text,
 CDATASection, EntityReference
12
Notation
代表 DTD 中声明的符号。
None
◎Math.ceil()执行向上舍入，即它总是将数值向上舍入为最接近的整数；
◎Math.floor()执行向下舍入，即它总是将数值向下舍入为最接近的整数；
◎Math.round()执行标准舍入，即它总是将数值四舍五入为最接近的整数(这也是我们在数学课上学到的舍入规则)

DOM标准里有个全局方法getComputedStyle，可以获取到当前对象样式规则信息，如：getComputedStyle(obj,null).paddingLeft，就能获取到对象的左内边距。
但是事情还没完，万恶的IE不支持此方法，它有自己的一个实现方式，那就是currentStyle，不同于全局方法getComputedStyle，它是作为DOM元素属性存在的，
如：obj.currentStyle.paddingLeft，在IE中就获取到对象的左内边距了，兼容性的写法如下
return window.getComputedStyle ? window.getComputedStyle(obj,null).paddingLeft : obj.currentStyle.paddingLeft;

transition 属性是一个简写属性，用于设置四个过渡属性：
 
 
transition-property
transition-duration
transition-timing-function
transition-delay
值
 
 
 
描述
transition-property
规定设置过渡效果的
 CSS 属性的名称。
transition-duration
规定完成过渡效果需要多少秒或毫秒。
transition-timing-function
规定速度效果的速度曲线。
transition-delay
定义过渡效果何时开始。
transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

语法
transform: none|transform-functions;
 
 
值
描述
测试
none
定义不进行转换。
测试
matrix(n,n,n,n,n,n)
定义
 2D 转换，使用六个值的矩阵。
测试
matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)
定义
 3D 转换，使用 16 个值的 4x4 矩阵。
 
translate(x,y)
定义 2D 转换。
测试
translate3d(x,y,z)
定义
 3D 转换。
 
translateX(x)
定义转换，只是用 X 轴的值。
测试
translateY(y)
定义转换，只是用
 Y 轴的值。
测试
translateZ(z)
定义 3D 转换，只是用 Z 轴的值。
 
scale(x,y)
定义
 2D 缩放转换。
测试
scale3d(x,y,z)
定义 3D 缩放转换。
 
scaleX(x)
通过设置
 X 轴的值来定义缩放转换。
测试
scaleY(y)
通过设置 Y 轴的值来定义缩放转换。
测试
scaleZ(z)
通过设置
 Z 轴的值来定义 3D 缩放转换。
 
rotate(angle)
定义 2D 旋转，在参数中规定角度。
测试
rotate3d(x,y,z,angle)
定义
 3D 旋转。
 
rotateX(angle)
定义沿着 X 轴的 3D 旋转。
测试
rotateY(angle)
定义沿着 Y
 轴的 3D 旋转。
测试
rotateZ(angle)
定义沿着 Z 轴的 3D 旋转。
测试
skew(x-angle,y-angle)
定义沿着
 X 和 Y 轴的 2D 倾斜转换。
测试
skewX(angle)
定义沿着 X 轴的 2D 倾斜转换。
测试
skewY(angle)
定义沿着
 Y 轴的 2D 倾斜转换。
测试
perspective(n)
为 3D 转换元素定义透视视图。
测试