CSS 是一種用于設置文檔樣式的語言。經(jīng)過它的修飾，HTML 文檔將變得更加美觀和易讀。在下面的教程中，我們將了解如何使用 CSS 樣式來美化我們的 HTML 文檔。 首先，讓我們看一下如何將一個樣式應用于整個頁面的方法。我們可以使用以下代碼塊：

p {
font-size: 16px;
font-family: Arial, sans-serif;
color: #333;
}

以上代碼塊中，我們選擇了所有的 p 元素，并且應用了三個不同的屬性。其中，font-size 屬性設置了字體大小為 16 像素，font-family 屬性設置了字體為 Arial 或 sans-serif，color 屬性設置了字體顏色為 #333。 接下來，我們可以選擇一個特定的元素應用樣式。比如我們可以選擇一個被唯一標識為 my-element 的元素，并給它應用我們自己的樣式：

#my-element {
background-color: #f2f2f2;
border: 1px solid #ddd;
padding: 5px 10px;
}

如上所述，我們使用了一個選擇器——#my-element，這是通過元素的 id 屬性來選中了特定的元素。我們在這個元素上應用了三種不同的屬性：background-color、border 和 padding。其中，background-color 屬性設置了背景顏色為 #f2f2f2，border 屬性設置了邊框為 1px 實線且顏色為 #ddd，padding 屬性設置了元素內(nèi)部的填充可以分別設為 5px 和 10px。 最后，我們來談談如何給一個類別下的所有元素應用樣式。假如，在 HTML 中我們定義了一個類別為 .box 的元素，并且將這個類別分配給多個元素。我們可以擁有一個這樣的樣式：

.box {
width: 200px;
height: 200px;
background-color: #eee;
text-align: center;
line-height: 200px;
}

我們將上述樣式應用于一個 .box 類別下的所有元素。你可以看到我們使用了多個屬性來設置文本的樣式，例如設置元素高垂直居中，顏色為 #eee，等等。 這就是使用 CSS 樣式的基本教程。請注意，這里提供的樣式只是示例，在實際中，我們會對文檔元素應用更多的樣式來渲染一個真正的頁面。希望這篇文章可以讓你快速熟悉使用 CSS 樣式。