位置:首頁(yè) > 軟件操作教程 > UI設(shè)計(jì)軟件 > Adobe Dreamweaver > 問(wèn)題詳情

Dreamweaver CC如何在定義CSS選擇器?

提問(wèn)人:劉旭39發(fā)布時(shí)間:2020-11-11

定義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ù)制到媒體查詢中”命令上,然后選擇該媒體查詢。

image.png

繼續(xù)查找其他問(wèn)題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部