CSS是網頁開發中不可或缺的一部分，但是在多個頁面中，經常會使用相同的CSS代碼，為了方便管理和修改，需要將相同的CSS代碼提取出來，形成公用的CSS文件。

首先，我們需要找到相同的CSS代碼，可以通過比較不同頁面之間CSS的相似之處來確定。找到相同的CSS代碼后，將其放入一個新的CSS文件中，并在原始頁面中使用<link>標簽來引入新的CSS文件。

在編寫公用的CSS文件時，我們需要注意以下幾點：

/* 設置一些常用的CSS屬性 */
body {
margin: 0;
padding: 0;
}
/* 設置一些全局的樣式 */
a {
text-decoration: none;
}
/* 定義一些公用的類 */
.container {
width: 960px;
margin: 0 auto;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
/* 使用公用的類 */
.header {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px;
}
.content {
float: left;
width: 700px;
}
.sidebar {
float: right;
width: 260px;
}
.footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px;
}

在上述代碼中，我們定義了一些常用的CSS屬性和全局樣式，同時也定義了一些公用的類，如.container、.clearfix等。在頁面中，我們可以直接使用這些公用的類，而無需重復編寫CSS代碼。編寫好公用的CSS文件后，我們就可以在多個頁面中使用同一個CSS文件進行樣式管理了。