在Web開發中，CSS文件是用來定義網頁樣式的非常重要的文件之一。由于CSS文件內容很多，所以為了方便維護和修改，我們需要將CSS文件分層次。下面我們通過使用pre標簽展示具體的分層次方法：

/* 第一層：全局樣式 */
body{
font-family: Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
}
/* 第二層：布局樣式 */
.container{
max-width: 1200px;
margin: 0 auto;
}
.header{
background-color: #333;
color: #fff;
padding: 20px;
}
.sidebar{
float: left;
width: 200px;
margin-right: 20px;
}
.content{
float: left;
width: 780px;
}
.footer{
background-color: #333;
color: #fff;
padding: 20px;
}
/* 第三層：組件樣式 */
.button{
display: inline-block;
padding: 10px;
color: #fff;
background-color: #333;
border-radius: 5px;
text-decoration: none;
}
.modal{
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 20px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.form{
display: block;
margin-bottom: 20px;
width: 100%;
max-width: 300px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}

通過以上代碼，我們將CSS樣式分成了三層次。第一層是全局樣式，包括字體、大小、行高等基礎樣式。第二層是布局樣式，包括容器、頭部、側邊欄、內容、底部的位置和樣式。第三層是組件樣式，包括按鈕、模態框、表單等基礎組件的樣式。

通過對CSS文件進行分層次，我們可以更加方便地維護和修改，同時也有利于代碼的組織和擴展。