📄️ 基础

- 由于 float 是 JavaScript 保留字，禁止使用，因此使用 cssFloat 表示 float 属性的脚本名称

📄️ 类样式

使用 DOM 的 getAttribute() 方法可以获取指定的元素的属性。

📄️ style 对象

DOM 2 级样式规范为 style 对象定义了一些属性和方法。

📄️ DOM 样式表

DOM 样式（ DOM Style ）规范也是由 W3C 制定的，目前包含两个部分： DOM StyleSheets 和 DOM CSS 。 IE8及以前的版本不支持 DOM Style 规范， IE9支持该规范。

📄️ 元素大小

DOM 2 级样式规范中没有规范如何确定页面中元素的大小。但是，总经常需要获取或修改元素的大小。

📄️ 位置偏移

CSS 的 left 和 top 属性不能真实反映元素相对页面和其它对象的精准定位，不过每个元素都拥有 offsetLeft 和 offsetTop 属性，它们描述了元素的偏移位置。

📄️ 显隐

简单的隐藏可用 style.display 设置。

📄️ 滑动

在 JavaScript 中，主要利用循环和定时器（ setTimeout 和 setInterval ）来实现。动画设计思路：通过循环改变某个元素的 CSS

📄️ 渐隐

渐隐渐显主要通过对元素的透明度操作进行。当然也可以使用纯 CSS 来进行设计。

📄️ DOM 处理 CSS

用户可以在样式表中添加，或添加@import 指令和规则。

📄️ CSS 规范

对于每个 CSS 样式表，使用 CSSStyleSheet 接口可以访问样式表中的规则集列表，并且可以使用方法修改列表。最通用的接口是 CSSStyleRule ，它表示一个样式规则集，通过它可以访问选择符和样式的声明。样式声明由 CSSStyleDeclaration 接口定义，然后就可以直接访问样式属性。