随堂练习 · 多选题
读懂 CSS 规则与尺寸
阅读以下代码，选出所有正确的说法。假定样式表已正常加载，且没有其他样式规则影响结果。
HTML 中
<link rel="stylesheet" href="style.css">
<p class="notice">黄梅戏分享会</p>style.css 中
html {
font-size: 20px;
}
.notice {
color: teal;
font-size: 1.5rem;
max-width: 30rem;
}哪些说法正确？（多选）
点击展开答案与解析
正确答案：A、B、D、F。
- A、B 正确：CSS 规则的基本结构是“选择器 { 属性: 属性值; }”。本例中
.notice是选择器，color是属性，teal是颜色值。 - C 错误：
rel="stylesheet"声明链接资源是样式表；文件路径由href指定。 - D 正确：
rem以根元素字号为基准，1.5 × 20px = 30px。 - E 错误：
max-width设置宽度上限，而非固定宽度。上限是 30 × 20px = 600px；可用空间较小时，段落可以更窄。 - F 正确：根字号改变后，两处
rem都重新计算：1.5 × 16px = 24px，30 × 16px = 480px。