再谈动态性加上款式标准的方式

之前我便是1篇博文 就得出1个功能强大的涵数，它在我几篇博文中被普遍应用的。近期看了很多物品，因而便有了这篇博文，以整理我学到的新物品。

没什么疑惑，根据主要表现与构造相分离出来的标准，立即导入1个新的款式表是最好是的挑选，但一些状况就行堵塞，如大家做1个能拖拽的DIV，从设定款式的角度看，便是把它肯定精准定位，防止危害原先的文本文档流，随后1点点更改其top与left的值完成挪动的实际效果。因为拖拽是有時间定义的，1秒24帧，款式表不能能考虑周全都把它们写进去。因而动态性转化成款式标准与迅速改动款式标准是是非非常必须的，W3C为此做了很多的工作中，在DOM2.0中，扩充了很多插口。

退1步说，主要表现与构造相分离出来也不止导入款式表这1条路。要了解，1共有3种款式种类，外界款式，內部款式，与内联款式。

• 外界款式，便是大家上面说的那个，写在1个单独的CSS文档中。
• 內部款式，便是单独写在1个style标识中，一般是放在head标识中，我最终出示的涵数转化成的款式便是內部款式。
• 内联款式，便是写在元素的style特性中的款式。

新加上的插口关键集中化出外部款式中——之因此说插口，由于相应的完成是由访问器方出示的，像IE6那样高傲的家伙，几乎疏忽它们的存在。

在W3C的实体模型中，type为"text/css"的link标识与style标识全是意味着1个CSSStyleSheet目标，大家能够根据document.styleSheets 得到当今网页页面中全部的CSSStyleSheet目标，但是这是1个结合，非单纯性的数字能量数组。每个CSSStyleSheet目标有着以下特性，

• type：始终回到“text/css”标识符串。
• disabled：和input的disabled的功效同样，默认设置是false。
• href：回到URL，假如是style标识为null。
• title：回到其title的值，title与一般元素的title无异，随你写甚么。
• media：IE与火狐回到的物品其实不1致，不大好说。media是用来要求它有着的款式标准对甚么机器设备合理，默认设置是全部。
• ownerRule：回到1个写保护的CSSRule目标，假如款式表是用@import引进的话。
• cssRules： 回到1个写保护的款式标准目标（CSSStyleRule object）的结合。

款式标准目标(CSSStyleRule object)，是W3C以便对款式开展更细腻的设置而搞出来的，以下面这个物品便是对应1个款式标准目标:

button[type] {  
    padding:4px 10px 4px 7px;     
    line-height:17px;           
}

款式标准目标有着以下几个关键特性：type,cssText,parentStyleSheet，parentRule。

type有点相近连接点的nodeType，对款式标准开展细分，它是用1个整数金额来表明其种类。实际状况以下

• 0: CSSRule.UNKNOWN_RULE
• 1: CSSRule.STYLE_RULE (界定1个CSSStyleRule目标)
• 2: CSSRule.CHARSET_RULE (界定1个CSSCharsetRule目标，用于设置当今款式表的标识符集，默认设置与当今网页页面同样)
• 3: CSSRule.IMPORT_RULE (界定1个CSSImportRule目标，便是用@import引进别的的款式表)
• 4: CSSRule.MEDIA_RULE (界定1个CSSMediaRule目标，用于设置此款式是用于显示信息器，复印机還是投射机这些)
• 5: CSSRule.FONT_FACE_RULE (界定1个CSSFontFaceRule目标，CSS3的@font-face)
• 6: CSSRule.PAGE_RULE (界定1个CSSPageRule目标)

cssText无需多说，1个十分有效的特性，立即把标识符串变换成款式标准，疏忽各访问器款式特性的差别，如cssFloat 和styleFloat。

parentStyleSheet和parentRule全是对于@import来讲的。但是，@import在IE下有难题，我基础无需它。