在網頁設計中，CSS是一個重要的元素，可以使得網頁頁面具有更好的展示效果。CSS樣式能夠按照其功能進行分類，下面是CSS樣式的分類：

/*分類一：頁面呈現樣式*/
body{
font-family: Arial, sans-serif; 
font-size: 16px; 
}
p{
line-height: 1.5;
color: #333;
}
/*分類二：布局樣式*/
.header{
width: 100%;
background-color: #ddd;
height: 60px;
}
.container{
width: 960px;
margin: 0 auto;
}
.footer{
width: 100%;
background-color: #ddd;
height: 60px;
}
/*分類三：交互樣式*/
.button{
padding: 10px 20px;
font-size: 16px;
color: #fff;
background-color: #03A9F4;
border: none;
border-radius: 4px;
cursor: pointer;
}
a:hover{
text-decoration: underline;
}
input:active{
background-color: #00bcd4;
}

以上是CSS樣式的分類，CSS樣式的分類可以避免在實際開發過程中出現樣式沖突的情況，提高網頁的維護性，減少代碼的復雜性。