學習CSS需要多長時間完全取決于你的學習速度和學習方式。通常來說，如果你每天能夠有足夠的時間和精力來學習，并且遵循以下步驟，那么大約需要數周到數月的時間來掌握它。

首先，你需要學習CSS的基本語法和屬性。你可以在網上找到很多免費的教程和資源，如W3Schools，CSS Tricks等。在學習時，使用pre標簽來顯示代碼，這將使代碼更加清晰易懂。

/* CSS Example */
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
font-size: 16px;
}
h1 {
color: #333333;
font-size: 28px;
}
p {
color: #666666;
font-size: 18px;
line-height: 1.5;
}
a {
color: #007bff;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

其次，嘗試建立自己的項目來應用所學到的CSS知識。這將使你更好地理解如何將CSS應用于實際情況中，并且讓你更有信心地使用它。在學習過程中，不要忘記在代碼中使用注釋，以便將來更容易理解它。

/* Header styling */
.header {
background-color: #333333;
color: #ffffff;
height: 60px;
}
/* Navigation styling */
.nav {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
}
/* Navigation links styling */
.nav a {
color: #ffffff;
font-size: 18px;
margin-right: 20px;
}
/* Main content styling */
.main {
margin: 20px;
}
/* Footer styling */
.footer {
background-color: #333333;
color: #ffffff;
height: 80px;
text-align: center;
padding-top: 20px;
}

最后，記得不斷地練習和探索新的CSS功能和特性。CSS是一個不斷進化的技術，所以你需要不斷地學習和更新自己的知識。不要害怕嘗試新的東西，這將使你成為一個更優秀的前端開發人員。