请为我解释以下每一行css代码

好的，以下是每一行 CSS 代码的解释：

body {
  font-family: Arial, sans-serif;
  background-color: #F2F2F2;
  color: #333333;
}

- `body` 是选择器，表示选择 HTML 中的 body 元素。
- `{}` 内部是声明块，用来设置选择器对应元素的样式。
- `font-family: Arial, sans-serif;` 表示设置字体为 Arial 或者 sans-serif。
- `background-color: #F2F2F2;` 表示设置背景颜色为 #F2F2F2。
- `color: #333333;` 表示设置文本颜色为 #333333。

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

- `.container` 是选择器，表示选择 HTML 中的 class 为 container 的元素。
- `max-width: 1200px;` 表示设置元素的最大宽度为 1200px。
- `margin: 0 auto;` 表示设置元素的上下外边距为 0，左右外边距自动居中。
- `padding: 20px;` 表示设置元素的内边距为 20px。

a {
  color: #0077CC;
  text-decoration: none;
}

- `a` 是选择器，表示选择 HTML 中的链接元素。
- `color: #0077CC;` 表示设置链接文本颜色为 #0077CC。
- `text-decoration: none;` 表示去除链接下划线。

button {
  background-color: #0077CC;
  color: #FFFFFF;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}

- `button` 是选择器，表示选择 HTML 中的按钮元素。
- `background-color: #0077CC;` 表示设置按钮背景颜色为 #0077CC。
- `color: #FFFFFF;` 表示设置按钮文本颜色为 #FFFFFF。
- `border: none;` 表示去除按钮边框。
- `padding: 10px 20px;` 表示设置按钮内边距为 10px 上下，20px 左右。
- `border-radius: 5px;` 表示设置按钮圆角为 5px。
- `cursor: pointer;` 表示将鼠标光标设置为手型，表示该元素可点击。