CSS層疊樣式是一種使用CSS屬性來創建多層樣式的方法，可以在不同的HTML元素上應用相同的樣式，使元素具有不同的外觀和行為。在這篇文章中，我們將介紹如何使用CSS層疊樣式來創建漂亮的網頁設計。

CSS層疊樣式的基本原理是將一個CSS樣式應用到另一個HTML元素上，然后根據這個元素的父元素選擇器，將樣式應用到它的子元素上。通過這種方式，可以創建復雜的網頁布局和視覺效果。

下面是一個基本的CSS層疊樣式示例：

/* 定義一個背景顏色 */

body {

background-color: #f0f0f0;

/* 定義一個文本顏色 */

color: #007bff;

color: #007bff;

/* 定義一個按鈕顏色 */

button {

color: #007bff;

當然，這只是一個簡單的示例，實際上可以使用更多的CSS屬性和選擇器來創建更加復雜的樣式。例如，我們可以使用CSS選擇器來創建漸變效果，使用CSS動畫來創建動態效果，等等。

CSS層疊樣式的使用非常簡單，但可以創建出非常漂亮和復雜的網頁設計。如果你想學習更多關于CSS層疊樣式的知識，可以查看相關的教程和文檔，例如百度百科。