CSS最初是在1997年开发的，作为Web开发人员定义他们正在创建的网站的视觉外观的一种方式。它旨在允许网站设计及开发人员将网站代码的内容和结构与可视化设计分开，这在此之前是不可能实现的。
结构和样式的分离允许HTML执行它最初基于的功能内容的标记，而不必担心页面本身的设计和布局，通常称为“外观和感觉”的页面。
直到2000年左右，当Web浏览器开始使用这种标记语言的基本字体和颜色方面时，CSS才开始普及。今天，所有现代浏览器都支持所有CSS 1和2，大部分CSS 3的大部分方面。随着CSS的不断发展和新风格的引入，Web浏览器开始实现带来新CSS支持的模块进入这些浏览器并为Web设计人员提供强大的新样式工具。
在过去的许多年里，有一部分的网站设计师拒绝使用CSS来设计和开发网站，但这种做法几乎都来自于今天的行业。CSS现在是网站设计中广泛使用的标准，你很难找到今天在业界工作的对CSS完全陌生的人。
如前所述，术语CSS代表“层叠样式表”。让我们稍微解释一下，以更全面地解释这些文件的作用。“样式表”一词指的是文档本身（就像HTML一样，CSS文件实际上只是可以用各种程序编辑的文本文档）。样式表已用于文档设计多年。它们是布局的技术规格，无论是印刷还是在线。印刷设计师长期使用样式表来确保他们的设计完全按照他们的规格印刷。网站的样式表具有相同的用途，但增加的功能还是告诉Web浏览器如何呈现正在查看的文档。今天，CSS样式表还可以使用媒体查询来更改页面查找不同设备和屏幕大小的方式。这非常重要，因为它允许根据用于访问它的屏幕以不同方式呈现单个HTML文档。
Cascade是“CSS”中特别重要的部分。Web样式表旨在通过该表中的一系列样式级联，如瀑布上的河流。河里的水冲击着瀑布中的所有岩石，但只有底部的岩石才会影响水的流动位置。网站样式表中的级联也是如此。
即使网站设计师不应用任何样式，每个网页也会受至少一个样式表的影响。此样式表是用户代理样式表，也称为Web浏览器在未提供其他说明时将用于显示页面的默认样式。例如，默认情况下，超链接的样式为蓝色，并带有下划线。这些样式来自Web浏览器的默认样式表。但是，如果网站设计人员提供了其他说明，则浏览器需要知道哪些指令具有优先权。所有浏览器都有自己的默认样式，但许多默认样式（如蓝色下划线文本链接）在所有或大多数主流浏览器和版本中共享。
对于浏览器默认的另一个示例，在我们的Web浏览器中，默认字体是“ Times New Roman ”，大小为16，但是，我们访问该字体系列和大小的页面几乎没有。这是因为级联定义了第二个样式表，它们由设计者自己设置，以重新定义字体和字体大小，覆盖我们的网络浏览器的默认值。您为网页创建的任何样式表都将具有比浏览器的默认样式更多的特性，因此这些默认值仅适用于样式表未覆盖它们的情况。如果您希望链接为蓝色并带下划线，则不需要执行任何操作，因为这是默认设置，但如果您的网站的CSS文件显示链接应为绿色，则该颜色将覆盖默认的蓝色。由于您没有另行指定，因此下划线将保留在此示例中。