js-权威指南学习笔记16

Posted 2020-08-29 ZhangCui

1、元素的style属性可以用来设置样式，但是不适合用来查询样式（只能查询到内联样式）。

2、CSS里的层叠指示了应用于文档中任何给定元素的样式规则是各个来源的层叠效果：Web浏览器的默认样式表、文档的样式表、每个独立的html元素的style属性。

3、position：absolute相对于其他的元素，绝对定位元素是独立定位的，它不是静态定位的元素中文档流的一部分，它的定位要么是相对于最近的定位祖先元素，要么是相对于文档本身。

4、一旦设置了元素的position值为除了static以外的值，就可以通过元素的left、top、right、bottom属性的一些组合指定元素的位置。

5、如果同时制定left、right和width，width属性将覆盖right属性，height同理。

6、z-index只对兄弟元素应用堆叠效果，默认值为0。

7、CSS3的box-sizing属性，默认值content-box，指定了标准的盒模型。border-box将应用IE盒模型，width将包含边框和内边距。

8、visibility和display属性对绝对和固定定位的元素的影响是等价的，因为这些元素都不是文档布局的一部分。

9、使用CSSStyleDeclaration对象的cssFloat属性来设置或查询元素的CSS float属性。

10、用浏览器窗口对象的getComputedStyle（）方法来获得一个元素的计算样式。

11、IE的currentStyle组合了内联样式和样式表，但不是真正的计算样式，因为那些相对值没有转化为绝对值。

12、document.styleSheets属性是一个只读的类数组对象，它包含CSSStyleSheet对象，表示与文档关联在一起的样式表。

13、<style><link>元素和CSSStyleSheet对象都定义了一个在JS中可以设置和查询的disabled属性，为true时样式表被浏览器关闭并忽略。

14、相对编辑样式表或增加新规则而言，让样式表保持静态并对元素的className属性编程更好。