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