CSS-API(CSS编程接口),CSSOM(css对象模型)

1.CSS API及其实现关系

相关术语
1. API:API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。
2. CSSOM:CSS Object Model ,CSS对象模型.有关的文献:https://www.w3.org/TR/cssom-1/.主要内容是媒体查询和各种CSS API(例如:CSSStyleDeclaration,CSSStyleRule,CSSRule等).
3. 键值对(key-value pair):类似”color:red;width:10px;”的一对,冒号前面是”键”,冒号后面是该”键”的”值”.
4. 声明块(declaration block):由左花括号和右花括号以及其中的声明内容组成.注:声明块并不包含选择器.
5. 规则(rule,又称statement):分为rule-set和at-rule两种类型.

• rule-set(常规的声明规则):由选择器和跟在后面的声明块构成.例如:

  p {color:red; width:10px;}
  

• at-rule(@规则):由符号”@”打头,其后紧跟相应关键字以及后面的语句构成.

API实现关系
1.CSSStyleDeclaration

• 接口含义:代表一个CSS属性键值对的集合(不包括花括号”{}”和选择器)
• IDL接口定义:
  
• 重要属性方法简介:
  
  • cssText:声明块中的文本(不包含花括号,仅文本)
  • length:属性数目
  • cssRule:如果CSSStyleDeclaration对象是在CSSRule对象的包含之中,而非独立出现,该属性为包含它的CSSRule对象;如果CSSStyleDeclaration对象是独立出现,该属性值为null.

2.CSSRule

• 接口含义:任何类型的rule/statement的基本抽象接口(包含rule-set和at-rule).
• IDL接口定义:
  
• 重要属性方法: