全部来自 AI 原创生成并经逐题审校的题目，带 精品 标记的为 AI 复审通过。整卷生成请去组卷。
下列关于事件冒泡与事件委托的说法，正确的是哪一项？ A. 事件冒泡指事件从最外层祖先元素逐层向内传递到目标元素 B. 事件委托利用冒泡机制，把事件处理函数绑定在父元素上统一处理子元素的事件 C. 使用事件委托时，必须为每个子元素分别绑定事件处理函数 D. 事件委托要求阻止事件冒泡，否则无法正常工作
登录后查看答案
某页面包含块内有两个浮动元素：左侧封面图 float:left 且高度为 140px，右侧推荐栏 float:right 且高度为 200px，两者顶部均与包含块顶部对齐。紧随其后的版权段落设置 clear:both 且 margin-top:30px，包含块从顶部到该段落顶部顶边框的垂直距离是多少？ A. 170px B. 200px C. 230px D. 140px
执行以下 JavaScript 语句后，依次查看 typeof p、typeof q、typeof r，结果是哪一项？ let p = "0"; let q = 0; let r = null; p = q; q = r; r = p; A. "number"、"object"、"number" B. "number"、"object"、"object" C. "string"、"object"、"number" D. "number"、"number"、"number"
在 JavaScript 中，设 let n = 5，执行复合赋值表达式 n += n % 2 后，变量 n 的值是（ ） A. 5 B. 6 C. 7 D. 10
设某 HTML 文档中有一个段落元素：<p id="intro" class="note main">，样式表中仅有以下两条规则（均无 !important）：① p#intro.note { color: red; } ② .note.main { color: blue; }。有同学判断：规则②含两个类选择器，而规则①只有一个类选择器，故规则②优先级更高，该段落最终显示为蓝色。请判断这一说法是否正确。
页面中按钮内嵌一个 <span>。为按钮绑定 click 监听器后，用户点击该 <span>，若要通过回调参数 event 获取本次事件实际发生的目标元素，应访问 event.____。
阅读下列 JavaScript 程序，填写控制台输出： let total = 0; for (let i = 1; i <= 7; i++) { if (i % 2 === 0) continue; if (i === 5) break; total += i; } console.log(total); // ____
判断下列说法的正误：在 JavaScript 中，用 typeof 检测一个用 let 声明但未赋值的变量，结果是 "undefined"；而用 typeof 检测 null 时，结果不是 "null" 而是 "object"。因此可以说 null 的数据类型与 undefined 相同，都属于 "undefined" 类型。
判断：若 JavaScript 的 do...while 语句在循环体执行后首次判断的条件为 false，循环体一次也不会执行。
某页面的 Grid 容器将网格区域定义为 grid-template-areas: "top top side" "main main side" "foot foot foot"。子元素分别设置 grid-area: top、main、side、foot。设置为 side 的子元素覆盖哪些网格单元？ A. 第一行第三列与第二行第三列 B. 第一行第二列与第二行第二列 C. 第二行第三列与第三行第三列 D. 第一行第三列与第三行第三列
某容器设置 `display: grid; grid-template-columns: repeat(3, 1fr);`，其直接子元素均未单独设置网格位置。有人据此断言：该容器无论有多少个直接子元素，都会恰好生成三行。判断该断言是否正确。
判断题：在 JavaScript 中，函数内部用 var 声明的变量具有全局作用域，函数外部任何位置都可以直接访问该变量。
页面中，.stage 设置 position: relative；其子元素 .rail 设置 position: absolute、z-index: 6；.rail 内的 .badge 设置 position: absolute、top: 12px、left: 8px、z-index: auto。.stage 的另一子元素 .notice 设置 position: relative、z-index: 5。假设 .rail 与 .notice 重叠，且没有其他层叠上下文干扰：.badge 的定位包含块是 ____，重叠处绘制在上方的是 ____。
判断题：某开发者在样式表中先书写 @media (min-width: 768px) { .box { width: 50%; } }，再书写 @media (max-width: 768px) { .box { width: 100%; } }。当视口宽度恰好为 768px 时，由于两条规则同时满足条件且 .box 选择器优先级相同，最终 .box 的宽度由书写顺序靠后的 max-width 规则决定，即为 100%。此外，该开发者声称把两条规则中的数值都改为 767px 后，768px 视口下两条规则都不会生效，.box 将没有任何宽度值可用。
若要使某个容器成为网格容器，并明确划分出 3 行 2 列的网格区域，下列哪组声明是正确的？ A. display: grid; grid-template-rows: repeat(3, 1fr); grid-template-columns: repeat(2, 1fr); B. display: flex; grid-template-rows: repeat(3, 1fr); grid-template-columns: repeat(2, 1fr); C. display: grid; grid-template-rows: repeat(2, 1fr); grid-template-columns: repeat(3, 1fr); D. display: grid; grid-row: repeat(3, 1fr); grid-column: repeat(2, 1fr);
某内容区在视口宽度不大于 43.75em 时采用单列布局，超过该宽度时采用双列布局。媒体查询中的 em 按初始字号 16px 换算，则该响应式布局的断点为 ____ px。
判断：为父容器内的两个子元素设置 float: left 后，父容器高度可能塌陷，此时可给父容器添加 overflow: hidden（或使用 clear 属性的空元素）来清除浮动，使父容器高度恢复正常。
在响应式布局中，若希望当视口宽度不小于 1024px 时应用某组样式，应使用的媒体查询写法为 @media (____: 1024px) { ... }；若希望在视口宽度不大于 600px 时应用样式，则应使用特性名 ____（填 max-width 或 min-width）。
某元素设置 box-sizing: border-box; padding-left: 15px; padding-right: 15px; border-left-width: 6px; border-right-width: 6px; 且最终内容区（content）宽度为 138px。在 border-box 模型下，其 width 属性应设置为 ____ px。
某元素的样式为 `background-color: #e8f0ff; border: 0.15rem dotted #345;`，页面根元素的字号为 20px。该元素的背景色以及边框宽度、样式和颜色分别是什么？ A. #e8f0ff；3px；dotted；#345 B. #e8f0ff；0.15px；dotted；#345 C. #345；3px；dotted；#e8f0ff D. #e8f0ff；3px；solid；#345