CSS的主要功能包括：

1、定义样式：通过选择器选择HTML元素，并为其添加样式属性，如颜色、字体、大小、边框等。

2、布局：使用CSS的布局模型，如浮动、定位、盒模型等，来控制页面元素的排列方式。

CSS（Cascading Style Sheets）是一种样式表语言，用于描述HTML或XML文档的外观和格式。它允许开发人员通过使用标签、类和ID来控制网页元素的样式，从而实现对网页布局、颜色、字体等元素的精确控制。

3、响应式设计：使用媒体查询（media query）来根据不同的设备和屏幕尺寸调整页面的布局和样式。

4、动画和过渡效果：使用CSS的动画和过渡属性，为页面元素添加平滑的动画效果和过渡效果。

5、交互效果：使用CSS的伪类和伪元素，实现页面元素的交互效果，如鼠标悬停、点击等。

下面是一个简单的CSS示例，展示了如何为一个段落元素设置样式：

<!DOCTYPE html>
<html>
<head>
<style>
  p {
    color: blue;
    font-size: 20px;
    text-align: center;
  }
</style>
</head>
<body>

<p>这是一个带有样式的段落。</p>

</body>
</html>

在这个示例中，我们使用了<style>标签将CSS代码嵌入到HTML文档中，我们使用选择器p选择了所有的段落元素，并为它们设置了颜色、字体大小和文本对齐方式，当浏览器渲染这个HTML文档时，它将显示一个蓝色的段落，字体大小为20像素，文本居中对齐。

除了上述基本功能外，CSS还具有丰富的扩展功能，如继承、层叠、伪类选择器、伪元素选择器等，这些功能使得开发者可以创建更加复杂和个性化的网页样式。