Dreamweaver：[52]網頁製作之css樣式的繼承?

css樣式除了巢狀以外還有繼承，一起學習css樣式的繼承吧。

工具/原料

Dreamweaver

方法/步驟

css樣式的繼承和圖層結合在一起使用，開啟軟體，新建一個檔案，點選插入div標籤。輸入id名稱，比如fu。點選確定，在新建的div內輸入文字，比如這是父層。

回車，再點選插入div標籤，插入一個子層，並進行命名，比如zi。

設定子層的css樣式，點選新建css規則，設定字型和背景顏色。

設定父層的css樣式，點選新建css規則。在彈出的對話方塊中選擇文字有下劃線。

點選確定。發現父層和子層的文字都有下劃線，這就是css樣式的繼承關係。