Dreamweaver設(shè)計(jì)css/18906.html">網(wǎng)頁的時(shí)候,想要使用css樣式,該怎么制作css樣式嵌套呢?下面我們就來看看詳細(xì)的教程。
1、打開軟件,輸入兩個(gè)段落的文本。

2、為第一個(gè)文本設(shè)置一個(gè)id,比如id是css。

3、在兩個(gè)段落的文本隨便在中間取兩個(gè)字加上下劃線。這樣就形成了一個(gè)嵌套,就是在段落元素下有了一個(gè)下劃線的元素。

4、給下劃線元素加個(gè)css樣式,打開css樣式窗口,點(diǎn)擊新建css規(guī)則。

5、在彈出的對(duì)話框中,選擇器類型為元素,選擇器元素為em。

6、在彈出的css規(guī)則定義窗口,選擇屬性,比如文本顏色為紅色。文本大小為36px。點(diǎn)擊確定,發(fā)現(xiàn)有下劃線元素的字體就改變了。


7、但是,如果在新建css樣式的時(shí)候,選擇器類型選為復(fù)合,選擇器名稱為#css em,注意中間空一格。css規(guī)則定義的文本大小為36px,文本顏色為紅色。結(jié)果是只有上面文本的下劃線的內(nèi)容發(fā)生了變化。



以上就是Dreamweaver中css樣式嵌套的使用方法,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注VeVb武林網(wǎng)。
新聞熱點(diǎn)
疑難解答