使用“CSS 樣式”面板可以跟蹤影響當(dāng)前所選頁(yè)面元素的 CSS 規(guī)則和屬性(“正在”模式)，或影響整個(gè)文檔的規(guī)則和屬性(“全部”)。使用“CSS 樣式”面板頂部的切換按鈕可以在兩種模式之間切換。使用“CSS 樣式”面板還可以在“全部”和“正在”模式下修改 CSS 屬性。

　　可以通過(guò)拖放窗格之間的邊框來(lái)調(diào)整任一窗格的大小。

　　在“正在”模式下，“CSS 樣式”面板將顯示三個(gè)面板：“所選內(nèi)容的摘要”窗格，其中顯示文檔中當(dāng)前所選內(nèi)容的 CSS 屬性;“規(guī)則”窗格，其中顯示所選屬性的位置(或所選標(biāo)簽的一組層疊的規(guī)則，具體取決于您的選擇);以及“屬性”窗格，它允許您編輯定義所選內(nèi)容的規(guī)則的 CSS 屬性。

　　在“全部”模式下，“CSS 樣式”面板顯示兩個(gè)窗格：“所有規(guī)則”窗格(頂部)和“屬性”窗格(底部)。“所有規(guī)則”窗格顯示當(dāng)前文檔中定義的規(guī)則以及附加到當(dāng)前文檔的樣式表中定義 的所有規(guī)則的列表。使用“屬性”窗格可以編輯“所有規(guī)則”窗格中任何所選規(guī)則的 CSS 屬性。

　　對(duì)“屬性”窗格所做的任何更改都將立即應(yīng)用，這使您可以在操作的同時(shí)預(yù)覽效果。