html利用id选择器，设计紫色背景，字体向左对齐“静夜思”加大加粗，“床前明月光”正常输出，“疑是地上霜”红色宋体

可以使用以下代码实现：

<div id="poem">
  <p>
    <span class="title">静夜思</span>
    <span class="line">床前明月光，</span>
    <span class="line red">疑是地上霜。</span>
  </p>
</div>

#poem {
  background-color: purple;
  text-align: left;
}

.title {
  font-size: 24px;
  font-weight: bold;
}

.line {
  font-size: 18px;
  font-weight: normal;
}

.red {
  color: red;
  font-family: "SimSun";
}

解释一下代码：

- `<div>` 元素是一个容器，使用 `id` 选择器 `#poem` 来选中它；
- `background-color` 属性设置背景颜色为紫色；
- `text-align` 属性设置文本对齐方式为左对齐；
- `class` 属性用来标记不同的文本样式；
- `.title` 类选择器用来选中标题文本，设置字号为 24px，加粗；
- `.line` 类选择器用来选中普通文本，设置字号为 18px，不加粗；
- `.red` 类选择器用来选中需要红色宋体的文本，设置颜色为红色，字体为宋体。