CSS（層疊樣式表）是一種用來描述文檔樣式和頁面布局的語言。在 Web 開發中，為了方便管理和維護，我們通常會將一些公共的樣式設置為公共樣式，以便在多個頁面中共用。

定義公共樣式時，我們可以使用 pre 標簽將 CSS 代碼包裹起來，這樣可以保證代碼的可讀性和易于修改。以下是一個例子：

/* 公共樣式 */
body {
font-family: Arial, sans-serif;
font-size: 16px;
color: #333;
}
a {
color: #007bff;
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
margin-top: 0;
margin-bottom: 1rem;
}
.btn {
display: inline-block;
padding: 0.5rem 1rem;
font-family: inherit;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-align: center;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
user-select: none;
border: 1px solid transparent;
border-radius: 0.25rem;
color: #fff;
background-color: #007bff;
}

在這個例子中，我們定義了一些常見的公共樣式，如 body 的字體、鏈接的顏色、標題的樣式和按鈕的樣式。我們將這些樣式放在一個 pre 標簽中，這樣可以使代碼更加明顯，易于管理。

當我們在其他頁面中使用這些樣式時，只需在頁面的頭部引入這段公共樣式的 CSS 代碼即可：

這樣，我們就可以在整個網站中共用這些公共樣式，不管我們修改了多少個頁面，這些樣式始終保持一致，更易于維護。