js-權威指南學習筆記16

標籤：microsoft   tco   isa   ati   font   靜態   mil   z-index   固定   

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屬性編程更好。

js-權威指南學習筆記16