核心提示：本教程為大家介紹一下Dreamweaver中CSS樣式面板，希望對大家有幫助。

本教程為大家介紹一下Dreamweaver中CSS樣式面板，希望對大家有幫助。

一、打開CSS樣式面板

使用“CSS樣式”面板可以查看、創建、編輯和刪除CSS樣式，也可以將外部樣式表附加到文檔。

點擊“窗口”菜單，選擇“CSS樣式”命令，即可打開“CSS樣式”面板，如下圖所示：

如果要調整“CSS樣式”面板的寬窄與大小。

二、“正在”模式下的“CSS樣式”面板

在“CSS樣式”面板中點擊“正在”按鈕，使“CSS樣式”面板處于“正在”模式下，在此模式下，“CSS樣式”面板將顯示三個窗格面板。如下圖所示：

1. “所選內容的摘要”窗格

“所選內容的摘要”窗格顯示當前正在編輯的文檔中所選HTML元素的CSS屬性的摘要以及它們的值。該摘要顯示直接應用于所選HTML元素的所有規則的屬性。并且只顯示已設置的屬性。

例如，下面創建兩個樣式：

p{ /* 標簽樣式：p規則 */ font-family:"宋體"; font-size:14px; Pne-height:24px; } .p1{ /* 類樣式：.p1規則 */ font-size:18px; font-family:"微軟雅黑"; }

分別應用于下面的

元素中：

段落一

段落二

(1)當我們將光標移動到“

段落一

”上面時，會在“所選內容的摘要”窗格中看到p規則的所有屬性出現在窗格中：

(2)當我們將光標移動到“

段落二

”上面時，會在“所選內容的摘要”窗格中看到.p1規則的所有屬性出現在窗格中：

.p1規則的屬性首先繼承了p規則的全部，再用自身的相同屬性替換了p規則中已經存在的屬性，然后加上p規則中沒有的屬性，共同組合成了“所選內容的摘要”窗格中的屬性列表。

總結

以上是生活随笔為你收集整理的html中的面板样式,Dreamweaver中CSS样式面板的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。