CSS Smaller是針對CSS文件大小的一個優化工具。

.main {
width: 100%;
margin: 0 auto;
padding: 20px;
}
.title {
font-size: 24px;
font-weight: bold;
color: #333;
}
.content {
font-size: 16px;
line-height: 1.5;
color: #666;
}

CSS文件的大小對于網站的性能有著很大的影響。當CSS文件較大時，會增加網站的加載時間，從而影響用戶的體驗。而CSS Smaller則可以將CSS文件進行壓縮和優化，使得文件變得更小，從而提高網站的加載速度。

通過CSS Smaller優化后的CSS文件如上所示。其中，去掉了不必要的空格和換行，將屬性值中的顏色和單位進行縮寫，以及刪除了注釋等，從而減小了文件的大小。

除了使用CSS Smaller進行優化之外，我們在編寫CSS代碼時，也應注意一些能夠減小文件大小的技巧。比如說，可以使用縮寫屬性將多個屬性組合在一起，避免重復的樣式定義，避免使用@import等影響性能的規則。

總之，CSS文件大小的優化對于網站的性能具有很大的影響。在實踐中，我們應該盡可能地減小CSS文件的大小，從而提高網站的性能和用戶的體驗。