CSS（Cascading Style Sheets）是專門用來對 HTML 或 XML 等標(biāo)記語言進(jìn)行樣式化的一種語言。在 CSS 中，多個類可以一起定義，以實(shí)現(xiàn)更精確、更靈活的樣式設(shè)置。下面我們來看一下如何使用多個類一起定義谷歌的文章。

/* 定義多個類 */
.custom-header, .custom-footer {
background-color: #4285f4;
color: #fff;
padding: 10px;
}
.custom-header h1 {
font-size: 32px;
}
.custom-footer p {
font-size: 18px;
}
/* HTML 內(nèi)容 */
<header class="custom-header">
<h1>歡迎來到谷歌</h1>
</header>
<article>
<p>谷歌是全球最大的搜索引擎之一，每天有數(shù)以億計(jì)的用戶使用它來搜索信息。</p>
<p>還有很多功能強(qiáng)大的谷歌服務(wù)，比如 Gmail、Google Drive、Google Maps 等等。</p>
</article>
<footer class="custom-footer">
<p>版權(quán)所有 © 2021 谷歌公司。</p>
</footer>

上面的代碼中，我們定義了兩個類 `.custom-header` 和 `.custom-footer`，將它們的背景顏色、字體顏色和內(nèi)邊距設(shè)置了一樣。然后又在 `.custom-header` 中定義了標(biāo)題字體的大小，`.custom-footer` 中定義了段落的字體大小。最后在 HTML 中使用了這兩個類，分別應(yīng)用到了網(wǎng)頁的頭部和尾部部分，實(shí)現(xiàn)了整個頁面的統(tǒng)一樣式。