CSS是层叠样式表（Cascading Style Sheets）的缩写，是一种用于网页设计的标记语言。它的功能非常丰富，可以实现许多不同的效果，如布局控制、字体和颜色控制、元素的显示和隐藏控制等。

body{
  background-color: #eee; /*设置背景颜色*/
  font-family: Arial, sans-serif; /*设置字体*/
  font-size: 16px; /*设置字体大小*/
}

h1{
  color: red; /*设置标题颜色*/
  text-align: center; /*设置居中*/
}

p{
  line-height: 1.5; /*设置行间距*/
  margin-bottom: 20px; /*设置段落下距离*/
}

img{
  width: 100%; /*设置图片宽度为页面宽度*/
  height: auto; /*自动计算高度*/
  display: block; /*把图片变成块级元素*/
  margin: 20px auto; /*设置上下边距为20px，左右居中*/
}

主要的CSS功能包括：

1、布局控制：可以使用CSS控制元素在页面上的位置、大小和间距等。通过使用定位、浮动和弹性布局等技术，可以轻松实现各种复杂的布局效果。

2、字体和颜色控制：可以使用CSS设置字符的字体、字号、颜色等属性，还可以控制元素的背景颜色和透明度等。

3、元素的显示和隐藏控制：可以使用CSS控制元素的可见性、可读性、是否禁用、是否可以选择等属性，还可以实现元素的动画效果。

4、动态效果控制：可以使用CSS控制元素的鼠标悬停、点击、选中、焦点、离开等效果，让网页更具交互性。

5、响应式设计：可以使用CSS实现响应式设计，让网页能够适应不同的设备和屏幕尺寸，提供更好的用户体验。