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的使用方式已经逐渐从简单地提供样式，演变为更高级的样式布局和动画效果。这样的变化是缓慢的，逐渐的。正是这样的发展历程让我们今天拥有了这么多优秀的网页设计和交互体验。