CSS（層疊樣式表）是一種用于網頁設計的標記語言。它使得網頁設計師能夠為網頁應用不同的樣式并優化網頁的顯示效果。在網頁發展初期，CSS并不是很流行，甚至被視為附屬于HTML的一種語言，僅僅用于提供基本的樣式和布局。

但是隨著網頁設計的發展，CSS逐漸變得越來越重要。尤其是在網頁排版上，CSS比HTML更加靈活，能夠為網頁提供更精準的布局和樣式。然而，這一切并不是瞬間發生的，而是緩慢出現的。

在開始，CSS的使用大多是內嵌在HTML頁面中的，在每個頁面中都重復定義樣式。這讓頁面的緩存問題愈發明顯，并且難以維護。為了解決這個問題，人們開始將CSS定義為單獨的文件，這使得樣式可以被多個頁面重復使用，并且可以通過修改單一的文件來適用于整個站點。

/* 內嵌式CSS */
<style>
body {
font-size: 16px;
color: #333;
}
h1 {
font-size: 24px;
color: #f00;
}
</style>
/* 外部式CSS */
<link rel="stylesheet" href="style.css">
/* style.css */
body {
font-size: 16px;
color: #333;
}
h1 {
font-size: 24px;
color: #f00;
}

此外，為了降低樣式的復雜性，CSS也開始采用“層疊”的方式將樣式作用于不同的元素，避免了為每一個元素都重新定義樣式。這樣的方式可以將相同的樣式綁定到同一組元素上，進一步增加了樣式的重用性。

/* CSS層疊樣式 */
header h1 {
font-size: 24px;
color: #f00;
}
nav ul li {
display: inline-block;
margin-right: 10px;
}
main p {
font-size: 16px;
color: #333;
}
footer p {
font-size: 14px;
color: #999;
}

總的來說，CSS的使用方式已經逐漸從簡單地提供樣式，演變為更高級的樣式布局和動畫效果。這樣的變化是緩慢的，逐漸的。正是這樣的發展歷程讓我們今天擁有了這么多優秀的網頁設計和交互體驗。