Dreamweaver CC如何在定義CSS選擇器?
定義CSS選擇器
【操作步驟J
第1步,啟動(dòng)Dreamweaver CC,新建文檔,保存為test.html。
第2步,選擇“窗口”丨“CSS設(shè)計(jì)器”命令,打開“CSS設(shè)計(jì)器”面板。
第3步,在“CSS設(shè)計(jì)器”面板的“源”窗格中,單擊B按鈕,然后設(shè)置CSS源文件。
第4步,單擊“@媒體”窗格中的B按鈕,添加新的媒體查詢。如果省略該項(xiàng)設(shè)置,則表示全局設(shè)備
第5步,在“選擇器”窗格中,單擊按鈕,根據(jù)在文檔中選擇的元素,CSS設(shè)計(jì)器會(huì)智能確定并提示使用的相關(guān)選擇器(最多3條規(guī)則)
第6步,執(zhí)行下列一個(gè)或多個(gè)操作:
1.刪除建議的規(guī)則并輸入所需的選擇器。確保輸入了選擇器名稱以及“選擇器類型”的指示符。例如,如果指定選擇器,則在選擇器名稱之前添加前綴“# ”。
2.如果要搜索特定選擇器,請(qǐng)使用窗格頂部的搜索框。
3.如果要重命名選擇器,請(qǐng)單擊該選擇器,然后輸入所需的名稱。
4.如果要重新整理選擇器,請(qǐng)將選擇器拖至所需位置。
5.如果要將選擇器從一個(gè)源移至另一個(gè)源,可將該選擇器拖至“源”窗格中所需的源上。
6.如果要復(fù)制所選源中的選擇器,則右擊該選擇器,然后在彈出的快捷菜單中選擇“復(fù)制”命令。
7.如果要復(fù)制選擇器并將其添加到媒體查詢中,則右擊該選擇器,將鼠標(biāo)指針懸停在“復(fù)制到媒體查詢中”命令上,然后選擇該媒體查詢。
點(diǎn)擊加載更多評(píng)論>>