明輝手游網(wǎng)中心:是一個免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺!

Dreamweaver頁面制作使用css樣式嵌套方法

[摘要]Dreamweaver設(shè)計網(wǎng)頁的時候,想要使用css樣式嵌套,Dreamweaver網(wǎng)頁制作怎么使用css樣式嵌套?該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下,希望能幫助到大家。1、打開軟件,輸入兩個段落的文本。2、為第一個文本設(shè)置一個id,比如id是css。3、在兩個段落的文...
Dreamweaver設(shè)計網(wǎng)頁的時候,想要使用css樣式嵌套,Dreamweaver網(wǎng)頁制作怎么使用css樣式嵌套?該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下,希望能幫助到大家。

1、打開軟件,輸入兩個段落的文本。

Dreamweaver網(wǎng)頁制作使用css樣式嵌套方法

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

Dreamweaver網(wǎng)頁制作使用css樣式嵌套方法

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

Dreamweaver網(wǎng)頁制作使用css樣式嵌套方法

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

Dreamweaver網(wǎng)頁制作使用css樣式嵌套方法

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

Dreamweaver網(wǎng)頁制作使用css樣式嵌套方法

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

Dreamweaver網(wǎng)頁制作使用css樣式嵌套方法

Dreamweaver網(wǎng)頁制作使用css樣式嵌套方法

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

Dreamweaver網(wǎng)頁制作使用css樣式嵌套方法

Dreamweaver網(wǎng)頁制作使用css樣式嵌套方法

Dreamweaver網(wǎng)頁制作使用css樣式嵌套方法

以上就是Dreamweaver中css樣式嵌套的使用方法,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。

相關(guān)推薦:

Dreamweaver裁剪圖片技巧詳解

Dreamweaver網(wǎng)頁怎么創(chuàng)建css樣式的復(fù)合聲明?_Dreamweaver教程_網(wǎng)頁制作

Dreamweaver網(wǎng)頁制作跳轉(zhuǎn)菜單的方法介紹

以上就是Dreamweaver網(wǎng)頁制作使用css樣式嵌套方法的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。