CSS（层叠样式表）是一种用来定义 HTML 页面样式和布局的语言。它的主要功能是为网站提供样式和美观的外观。在网页中，CSS 负责控制网页外观和布局，包括字体样式、边框、背景、颜色、间距、尺寸等。下面我们将详细介绍 CSS 的功能。

p {
color: red;
font-size: 18px;
font-weight: bold;
line-height: 1.5;
}

CSS 的首要功能是改变文字的样式和格式。通过调整字体、颜色、大小、粗细、行高等属性，可以使网站的文本内容更加易读、美观。

CSS 可以控制页面的布局和排版。浏览器渲染网页时，会按照 HTML 和 CSS 的规则布置页面。通过设置容器的宽度、高度、边距、内边距和定位，可以使页面布局更加合理、美观。

.container {
width: 80%;
margin: 0 auto;
padding: 20px;
position: relative;
}

CSS 可以制作动画和过渡效果。动画效果可以使网站页面更加生动、有趣。比如，可以使用 CSS 制作按钮的点击效果、图片的滑动效果等。

.button {
background: #ccc;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
transition: all 0.2s ease-in-out;
}
.button:hover {
background: #555;
}

CSS 还可以控制响应式设计。在不同设备上，网站的设计和布局需要进行适配。通过媒体查询和响应式设计，可以实现适应不同设备的响应式网站。

@media screen and (max-width: 768px) {
.container {
width: 100%;
}
}

总的来说，CSS 的功能十分丰富，完全可以满足网站设计和布局的需求。熟练掌握 CSS，是每个网站开发者都应该具备的技能。