如何通过CSS控制div的样式？

通过CSS控制`div`元素的样式，你可以针对元素的外观、位置以及交互等方面进行定制。以下是几个基本的属性和使用方式：

1. **颜色**：使用`color`属性改变文字颜色，例如 `color: red;`。

2. **字体**：通过`font-family`, `font-size`, 和 `font-weight` 等属性设置字体类型、大小和粗细，如 `font-family: "Arial", sans-serif; font-size: 16px;`.

3. **布局**：
- `width` 和 `height` 设置div的尺寸；
- `margin` 控制元素与周围内容的距离；
- `padding` 决定元素内部内容与边缘的距离；
- `position` 可以是`static`（默认）、`relative`、`absolute` 或 `fixed`，影响定位方式。

4. **背景**：使用`background-color`, `background-image` 等设置背景颜色或图片。

5. **盒模型**：理解`box-sizing`属性，它可以是`content-box`（默认）或`border-box`，会影响元素占据的空间计算方式。

6. **边框**：`border`属性设置边框宽度、样式和颜色。

7. **圆角**：`border-radius` 属性可以设置元素的圆角。

8. **CSS选择器**：使用类名 `.myDiv` 或ID `#myDiv` 来精确选择特定的`div`。

示例：

.myDiv {
    background-color: #f00;
    color: #fff;
    width: 200px;
    height: 100px;
    margin: 10px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

记得在HTML中引用对应的CSS文件或使用`<style>`标签内联样式。