Dreamweaver頁面制作使用css樣式嵌套方法
發表時間:2023-12-23 來源:明輝站整理相關軟件相關文章人氣:
[摘要]Dreamweaver設計網頁的時候,想要使用css樣式嵌套,Dreamweaver網頁制作怎么使用css樣式嵌套?該怎么制作呢?下面我們就來看看詳細的教程,需要的朋友可以參考下,希望能幫助到大家。1、打開軟件,輸入兩個段落的文本。2、為第一個文本設置一個id,比如id是css。3、在兩個段落的文...
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,文本顏色為紅色。結果是只有上面文本的下劃線的內容發生了變化。



以上就是Dreamweaver中css樣式嵌套的使用方法,希望大家喜歡,請繼續關注腳本之家。
相關推薦:
Dreamweaver裁剪圖片技巧詳解
Dreamweaver網頁怎么創建css樣式的復合聲明?_Dreamweaver教程_網頁制作
Dreamweaver網頁制作跳轉菜單的方法介紹
以上就是Dreamweaver網頁制作使用css樣式嵌套方法的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。