3个css样式文件

现在的网页很多都使用了CSS样式文件来控制其样式和布局。今天我们来讨论一下三个不同的CSS样式文件。

/* 样式文件一 */
body {
  font-family: Arial,sans-serif;
  font-size: 16px;
  color: #333;
}

h1 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}

p {
  line-height: 1.5;
  margin-bottom: 16px;
}

/* 样式文件二 */
body {
  font-family: 'Helvetica Neue',sans-serif;
  font-size: 18px;
  color: #444;
}

h1 {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 30px;
}

p {
  line-height: 1.6;
  margin-bottom: 20px;
}

/* 样式文件三 */
body {
  font-family: 'Lato',sans-serif;
  font-size: 16px;
  color: #555;
}

h1 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 40px;
}

p {
  line-height: 1.7;
  margin-bottom: 24px;
}

以上是三个不同CSS样式文件的代码。它们都有相同的标签选择器，如body、h1和p，但它们的属性值却不同。样式文件一使用Arial字体，样式文件二使用Helvetica Neue字体，样式文件三则使用Lato字体。每个样式文件还有不同的字体大小和颜色。

根据需要选择不同的样式文件来创建不同的风格和效果，这是CSS的重要使用方式。开发者可以为不同的网页或页面部分选择不同的样式文件，以便在不同的使用环境下呈现最佳效果。