CSS樣式面板是將強(qiáng)大的CSS3語言集成、封裝為可視化的界面操作，無需再寫繁瑣的代碼，通過面板參數(shù)調(diào)整就看見元素節(jié)點的變化。下面介紹CSS樣式面板的強(qiáng)大功能：單擊進(jìn)入該面板，在CSS面板下可設(shè)置當(dāng)前的樣式、對樣式進(jìn)行管理、以及自定義樣式等。

1.當(dāng)前樣式

當(dāng)前樣式是指元素當(dāng)前class的設(shè)置樣式，基本的可以定位和調(diào)節(jié)元素的尺寸、背景設(shè)置、邊框設(shè)置、文本設(shè)置、元素變換、濾鏡效果等（基礎(chǔ)的前端知識參考：http://www.hupochang.cn/resources/coursecontent/5a0b9f8f6c856957317b5978/）。高級的可以切換樣式、自定義鼠標(biāo)事件、復(fù)制class、自定義class、自定義元素樣式代碼等。

2.樣式管理

樣式管理可以查看所有元素生成的CSS樣式代碼。

可對每個樣式進(jìn)行編輯。

可設(shè)置不同窗口尺寸下的CSS樣式。相互獨立不影響。

清除樣式

可清除系統(tǒng)緩存的、未作用元素的樣式。

3.自定義樣式。

可新增、修改、刪除自定義的樣式.

然后在元素的當(dāng)前樣式下引入這個自定義的class。