Dreamweaver CC 2014認識CSS設計器

認識CSS設計器

啟動Dreamweaver CC，選擇“窗口 ” | “CSS設計器”命令，打開“CSS設計器”面板，如圖所示“CSS設計器”面板屬于CSS屬性檢查器，能可視化地創(chuàng)建CSS樣式和規(guī)則，并設置屬性和媒 體查詢。

“CSS設計器”面板由以下窗格組成。

源：列出與文檔相關的所有CSS樣式表。使用該窗格，可以創(chuàng)建CSS,并將其附加到文檔，也可以 定義文檔中的樣式。

@媒體：在“源”窗格中列出所選源中的全部媒體查詢。如果不選擇特定css,則該窗格將顯示與文檔關 聯的所有媒體查詢。

選擇器：在“源”窗格中列出所選源中的全部選擇器。如果同時還選擇了一個媒體查詢，則此窗格會為 該媒體查詢縮小選擇器列表范圍。如果沒有選擇css或媒體查詢，則該窗格將顯示文檔中的所有選 擇器。在媒體”窗格中選擇“全局”后，將顯示對所選源的媒體查詢中不包括的所有選擇器。

屬性：顯示可為指定的選擇器設置的屬性。