Dreamweaver網頁制作使用css樣式嵌套方法
來源:懂視網
責編:小采
時間:2020-11-27 15:27:21
Dreamweaver網頁制作使用css樣式嵌套方法
Dreamweaver網頁制作使用css樣式嵌套方法:Dreamweaver設計網頁的時候,想要使用css樣式嵌套,Dreamweaver網頁制作怎么使用css樣式嵌套?該怎么制作呢?下面我們就來看看詳細的教程,需要的朋友可以參考下,希望能幫助到大家。1、打開軟件,輸入兩個段落的文本。2、為第一個文本設置一個id,比如id
導讀Dreamweaver網頁制作使用css樣式嵌套方法:Dreamweaver設計網頁的時候,想要使用css樣式嵌套,Dreamweaver網頁制作怎么使用css樣式嵌套?該怎么制作呢?下面我們就來看看詳細的教程,需要的朋友可以參考下,希望能幫助到大家。1、打開軟件,輸入兩個段落的文本。2、為第一個文本設置一個id,比如id
Dreamweaver設計網頁的時候,想要使用css樣式嵌套,Dreamweaver網頁制作怎么使用css樣式嵌套?該怎么制作呢?下面我們就來看看詳細的教程,需要的朋友可以參考下,希望能幫助到大家。
1、打開軟件,輸入兩個段落的文本。

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

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

4、給下劃線元素加個css樣式,打開css樣式窗口,點擊新建css規則。

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

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


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



聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Dreamweaver網頁制作使用css樣式嵌套方法
Dreamweaver網頁制作使用css樣式嵌套方法:Dreamweaver設計網頁的時候,想要使用css樣式嵌套,Dreamweaver網頁制作怎么使用css樣式嵌套?該怎么制作呢?下面我們就來看看詳細的教程,需要的朋友可以參考下,希望能幫助到大家。1、打開軟件,輸入兩個段落的文本。2、為第一個文本設置一個id,比如id