这是一个div元素
```
### 三、CSS的继承与优先级
1. **继承**
CSS的继承是指子元素会继承父元素的样式。例如：
```css
body {
font-size: 16px;
}
div {
font-size: 20px;
}
```
在这个例子中，`div` 元素的字体大小会继承自 `body` 元素。
2. **优先级**
CSS的优先级决定了当多个规则应用于同一个元素时，哪个规则会被应用。优先级从高到低依次为：内联样式 > 内部样式表 > 外部样式表。
### 四、CSS的响应式设计
1. **媒体查询**
媒体查询是CSS3新增的功能，用于根据不同的设备特性应用不同的样式。例如：
```css
@media screen and (max-width: 600px) {
body {
background-color: #f00;
}
}
```
在这个例子中，当屏幕宽度小于600像素时，`body` 元素的背景色会变为红色。
2. **断点**
断点是响应式设计中常用的概念，用于定义在不同屏幕尺寸下应用不同样式的临界点。
### 文末QA问答
Q：CSS的注释有什么作用？
A：CSS的注释可以提高代码的可读性，方便其他开发者或未来的自己理解代码。
Q：CSS的内部样式表和外部样式表有什么区别？
A：内部样式表直接写在HTML文件中，外部样式表保存在单独的文件中。外部样式表可以复用，且不会影响HTML文件的结构。
Q：CSS的继承和优先级有什么区别？
A：CSS的继承是指子元素会继承父元素的样式，而优先级决定了当多个规则应用于同一个元素时，哪个规则会被应用。