Dreamweaver CC 2014認(rèn)識(shí)CSS設(shè)計(jì)器

認(rèn)識(shí)CSS設(shè)計(jì)器

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

“CSS設(shè)計(jì)器”面板由以下窗格組成。

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

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

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

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