Dreamweaver網(wǎng)頁(yè)制作怎么使用css樣式嵌套?
我要評(píng)論Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，想要使用css樣式，該怎么制作css樣式嵌套呢？下面我們就來(lái)看看詳細(xì)的教程。
Adobe Dreamweaver CC 2017 v17.0 中文版(附安裝教程) 64位
- 類(lèi)型：網(wǎng)頁(yè)設(shè)計(jì)
- 大小：758MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2016-11-05
1、打開(kāi)軟件，輸入兩個(gè)段落的文本。
2、為第一個(gè)文本設(shè)置一個(gè)id，比如id是css。
3、在兩個(gè)段落的文本隨便在中間取兩個(gè)字加上下劃線(xiàn)。這樣就形成了一個(gè)嵌套，就是在段落元素下有了一個(gè)下劃線(xiàn)的元素。
4、給下劃線(xiàn)元素加個(gè)css樣式，打開(kāi)css樣式窗口，點(diǎn)擊新建css規(guī)則。
5、在彈出的對(duì)話(huà)框中，選擇器類(lèi)型為元素，選擇器元素為em。
6、在彈出的css規(guī)則定義窗口，選擇屬性，比如文本顏色為紅色。文本大小為36px。點(diǎn)擊確定，發(fā)現(xiàn)有下劃線(xiàn)元素的字體就改變了。
7、但是，如果在新建css樣式的時(shí)候，選擇器類(lèi)型選為復(fù)合，選擇器名稱(chēng)為#css em，注意中間空一格。css規(guī)則定義的文本大小為36px，文本顏色為紅色。結(jié)果是只有上面文本的下劃線(xiàn)的內(nèi)容發(fā)生了變化。
以上就是Dreamweaver中css樣式嵌套的使用方法，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
dw怎么制作asp動(dòng)態(tài)網(wǎng)頁(yè)之向數(shù)據(jù)庫(kù)增加記錄?
Dreamweaver怎么在網(wǎng)頁(yè)中顯示一個(gè)圓角矩形?
dreamweaver cs6怎么新建HTML5格式的頁(yè)面?
相關(guān)文章
Dreamweaver怎么裁剪圖片？Dreamweaver中插入的圖片太大了，想要裁剪圖片，并設(shè)置圖片的屬性，該怎么設(shè)置呢？下面我們就來(lái)看看dw編輯圖片的技巧，需要的朋友可以參考下2018-01-02
Dreamweaver網(wǎng)頁(yè)怎么創(chuàng)建css樣式的復(fù)合聲明?
Dreamweaver網(wǎng)頁(yè)怎么創(chuàng)建css樣式的復(fù)合聲明？Dreamweaver中想要制作一個(gè)css樣式的復(fù)合聲明，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-01-02
Dreamweaver網(wǎng)頁(yè)中怎么插入導(dǎo)航條? dw網(wǎng)頁(yè)導(dǎo)航條的使用方法
Dreamweaver網(wǎng)頁(yè)中怎么插入導(dǎo)航條？Dreamweaver中網(wǎng)頁(yè)為了更有層次感，想要插入導(dǎo)航條，該怎么使用導(dǎo)航條呢？下面我們就來(lái)看看dw網(wǎng)頁(yè)導(dǎo)航條的使用方法，需要的朋友可以參考2018-01-02
Dreamweaver怎么避免中文亂碼的問(wèn)題？Dreamweaver設(shè)計(jì)網(wǎng)站的時(shí)候，會(huì)遇到中文亂碼的情況，該怎么提前預(yù)防出現(xiàn)這種情況呢？請(qǐng)看下文詳細(xì)的介紹，需要的朋友可以參考下2017-12-31
Dreamweaver cc2018新版頁(yè)面怎么切換回舊版本布局?
Dreamweaver cc2018新版頁(yè)面怎么切換回舊版本布局？Dreamweaver cc2018中的布局界面和舊版本有很大不同，很多工具都找不到，想要切換到舊版本，該怎么切花呢？請(qǐng)看下文詳細(xì)2017-12-20
Dreamweaver怎么添加本地的瀏覽器為測(cè)試瀏覽器?
Dreamweaver怎么添加本地的瀏覽器為測(cè)試瀏覽器？Dreamweaver測(cè)試瀏覽器可以自己添加，該怎么將電腦安裝的火狐瀏覽器添加到測(cè)試瀏覽器呢？下面我們就來(lái)看看詳細(xì)的教程，需要2017-12-19
dreamweaver網(wǎng)頁(yè)中怎么制作DIV圖層?
dreamweaver網(wǎng)頁(yè)中怎么制作DIV圖層？dreamweaver制作網(wǎng)頁(yè)的時(shí)候，想要在網(wǎng)頁(yè)上制作一個(gè)圖層放圖片，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2017-12-19
Dreamweaver怎么使用標(biāo)簽及代碼設(shè)計(jì)表格?
Dreamweaver怎么使用標(biāo)簽及代碼設(shè)計(jì)表格？Dreamweaver中可以直接繪制表格，也可以通過(guò)標(biāo)簽和代碼來(lái)制作表格，下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2017-12-12
Dreamweaver怎么使用框架結(jié)構(gòu)快速制作網(wǎng)頁(yè)?
Dreamweaver怎么使用框架結(jié)構(gòu)快速制作網(wǎng)頁(yè)？Dreamweaver制作網(wǎng)頁(yè)的時(shí)候，表格布局已經(jīng)不能實(shí)現(xiàn)網(wǎng)頁(yè)的功能了，比如同一頁(yè)面下有多個(gè)子頁(yè)面時(shí)，就要使用框架結(jié)構(gòu)來(lái)布局，下面2017-12-11
dreamweaver怎么制作鼠標(biāo)經(jīng)過(guò)圖片變換的效果?
dreamweaver怎么制作鼠標(biāo)經(jīng)過(guò)圖片變換的效果？dreamweaver中想要制鼠標(biāo)經(jīng)過(guò)或點(diǎn)擊圖片，圖片會(huì)改變，該怎么制作這個(gè)效果呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參2017-12-11
