一、CSS的起源
在互联网的早期，网页的设计主要依赖于HTML标签本身，这种方式虽然简单，但随着网页复杂性的增加，导致代码混乱、难以维护。为了解决这一问题，一种新的方法——CSS（Cascading Style Sheets，层叠样式表）应运而生。
CSS的初衷是为了解决HTML中样式和内容混合的问题，使得样式能够独立于内容而存在。1994年，Hkon Wium Lie首次提出了CSS的概念，并在1996年，万维网联盟（W3C）发布了CSS1的正式规范。CSS的引入，极大地改善了网页设计的方式，使得开发者可以更灵活地设计网页，而不必依赖于HTML中的内联样式或特定的标签属性。
二、CSS的发展
CSS1（1996年12月发布）
特点：CSS1引入了定义网页外观的基本方法，包括字体属性、颜色、间距等。
代码示例：
body {
font-family: Arial, sans-serif;
color: #333;
margin: 0;
padding: 0;
}
h1 {
color: #ff0000;
font-size: 24px;
}
CSS2（1998年发布）
特点：CSS2增加了更多的样式属性，如盒模型、定位、颜色、字体等。
代码示例：
.container {
width: 80%;
margin: 0 auto;
}
.header {
background-color: #f1f1f1;
padding: 10px;
}
CSS2.1（2004年发布）
特点：CSS2.1对CSS2进行了修正和改进，提高了兼容性和性能。
代码示例：
.box {
width: 50%;
float: left;
margin-right: 10px;
}
.box:last-child {
margin-right: 0;
}
CSS3（2011年发布）
特点：CSS3引入了新的特性和功能，如动画、渐变、阴影等，使得网页设计更加丰富和灵活。
代码示例：
.button {
background-color: #4CAF50;
color: white;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
.button:hover {
background-color: #45a049;
}
三、CSS在现代网页设计中的作用
CSS的出现，使得网页设计和开发变得更加高效和灵活。通过CSS，开发者可以将样式和内容分离，从而更容易地管理和修改网页的外观。此外，CSS还允许开发者创建响应式网页，使得网页能够在不同的设备和屏幕尺寸上呈现出最佳效果。
总之，CSS的出现和发展，对现代网页设计产生了深远的影响。它不仅改变了网页设计的思维方式，还推动了网页设计的创新和发展。