Cascading Style Sheets (CSS) 是一种用于描述网页外观和布局的语言，它作为 HTML 的一个补充特性，提供对网页元素展示方式的精细控制。CSS 允许开发者定义样式表，这些样式表定义了诸如标题、链接等不同元素的显示样式，并且可以应用于任何网页上，极大地提升了网页设计的灵活性和一致性。
CSS 的历史可以追溯到 1996 年，当时 CSS1 成为世界万维网联盟（W3C）的推荐标准。随着互联网的发展和技术的进步，CSS2 在 1998 年五月发布，成为正式的标准。随后在 2003 年，CSS2 的修订版也问世。
基本的 HTML 页面结构包含一个 `<html>` 根元素，其中包含 `<head>` 和 `<body>` 分区。`<head>` 区域用于放置元数据，如页面标题 `<title>`，而 `<body>` 区域则承载实际的内容。HTML 元素通过标签如 `<p>`、`<body>` 来标识，这些标签对应于 CSS 中的规则。
CSS 规则是针对 HTML 元素的声明，例如，`<p>` 元素的字体家族设置和颜色可以在 CSS 代码中指定。规则的语法如下：
```css
<style type="text/css" media="all">
/* body selector example */
body {
background-color: #e8eae8; /* 设置背景色 */
color: #5d665b; /* 设置文本颜色 */
margin: 50px; /* 设置外边距 */
font-family: Verdana, Geneva, Arial, sans-serif; /* 设置字体系列 */
font-size: small; /* 设置字体大小 */
line-height: 180%; /* 设置行高 */
}
</style>
```
在这个例子中，`body` 选择器被用来指定整个文档的样式，包括背景颜色、字体和文本样式。CSS 的 `media="all"` 属性表示此样式适用于所有媒体类型，如屏幕、打印机等。通过灵活运用 CSS，开发者能够实现更复杂、更具吸引力的网页布局和视觉效果。CSS 的普及使得网页设计更加标准化和模块化，有利于搜索引擎优化（SEO）和跨浏览器兼容性。
