全部来自 AI 原创生成并经逐题审校的题目，带 精品 标记的为 AI 复审通过。整卷生成请去组卷。
判断：为父容器内的两个子元素设置 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
判断：某样式表中同时存在规则 .menu { font-size: 14px; } 和 #top .menu { line-height: 1.5; }，作用于同一元素。若再为该元素的内联 style 设置 font-size: 20px，则最终该元素的 font-size 为 20px；这是因为层叠规则中内联样式的优先级高于任何选择器声明的样式，而 line-height 未被内联样式声明、仍按规则生效。
某元素依次应用以下声明：`font-style: oblique; font-variant: small-caps; font-weight: 600; font-size: 18px; font-family: serif; font: italic 700 20px/1.4 Arial; font-size: 16px;`。最终该元素的字体样式、字重、字号和字体族依次是什么？ A. italic、700、16px、Arial B. oblique、600、16px、serif C. italic、600、20px、Arial D. normal、700、16px、Arial
某 article 元素的 color 为 navy，其子元素 em 带有 class="hint" 和 id="key"。样式表中有规则 .hint { color: teal; } 和 #key { color: olive; }。该 em 元素最终显示什么颜色？ A. navy B. teal C. olive D. 浏览器默认颜色
判断：在默认的 content-box 盒模型下，元素设置 width:150px; padding:10px; border:2px solid，则其内容区宽度为 150px。
某设备要按采集顺序保存 13 个整数读数。下列哪一项既定义了恰含 13 个元素的一维整型数组，又用下标表达式引用了按采集顺序排列的第 10 个读数？ A. int sample[13]; sample[10] B. int sample[13]; sample[9] C. int sample[12]; sample[9] D. int sample[13]; sample[8]
某页面在 :root 中定义 --accent:#1769aa，按钮和卡片均通过 background:var(--accent) 使用该颜色；另定义 .theme-dark{--accent:#b04a70}，并将 theme-dark 类添加到 body。判断：切换该类后，按钮和卡片仍会保持原色，因为 :root 中定义的 CSS 自定义属性不能被主题类覆盖。
某页面在 :root 中定义 --brand: #245a8a，并在 .theme-warm 中将 --brand 改为 #a64b32；若按钮规则仍写着 background-color: #245a8a，给页面添加 theme-warm 后，按钮背景会自动变为 #a64b32。判断该表述是否正确。
开发一个活动报名页面，需求包括展示活动信息、填写姓名与联系方式、检查必填项并提示报名结果。按功能划分为“信息展示模块”（展示活动信息）、“表单录入模块”（接收姓名与联系方式）、“结果反馈模块”（显示报名结果）；负责检查必填项的功能应归入____。
某站点用 CSS 变量统一组件样式，并通过 data-theme 定制主题：`:root{--accent:#1769aa;--on-accent:#fff;--page:#fff}`，`[data-theme="night"]{--accent:#ffd54f;--on-accent:#222;--page:#121212}`，`.danger{--accent:#c62828}`，`.button{background:var(--accent);color:var(--on-accent)}`。当根元素设置 `data-theme="night"`，且某按钮位于 `.danger` 内时，该按钮的背景色和文字色依次是什么？ A. #ffd54f，#222 B. #c62828，#222 C. #c62828，#fff D. #1769aa，#fff
某前端项目规定：提交前必须运行 `npm run format:check`；提交信息遵循 Conventional Commits，新增功能使用 `feat` 类型，主题用祈使语气且不加句号。当前已暂存 `src/filter.js`，另有未暂存的 `src/debug.js`，本次只提交已暂存内容，主题为“add task filter”。应执行的完整命令是 ____。
页面中按钮包含一个 `<span>`，点击按钮文字时样式未切换。代码为：`<button id="switch"><span>切换</span></button>`，`document.querySelector("#switch").addEventListener("click", e => e.target.classList.toggle("active"));`。若要求无论点击按钮空白处还是文字，都只切换按钮的 `active` 类，最小改动应是什么？ A. 将 `e.target` 改为 `e.currentTarget` B. 将 `click` 改为 `mouseover` C. 将 `classList.toggle` 改为 `classList.add` D. 将 `#switch` 改为 `span`
页面需要统一管理按钮与卡片的主色，并通过给页面添加主题类切换配色。哪种 CSS 写法最合适？ A. 在每个按钮和卡片规则中分别写入颜色值 B. 在 :root 中定义 CSS 变量，并在主题类中覆盖变量值 C. 为每个按钮和卡片设置不同的内联样式 D. 仅通过修改元素的字体大小切换配色
判断：代码 const f = () => new Promise((_, reject) => setTimeout(() => reject(new Error('x')), 100)); f().then(v => console.log('成功', v)).catch(e => console.log('失败')); f().then(v => console.log('成功', v)); 运行完毕后，控制台共输出两行，且两行都是「成功」。
判断：在 JavaScript 中，使用 ES6 的 class 定义类 A 并通过 class B extends A 继承后，若在 B 的实例上访问一个 B 未定义的方法，引擎会沿 B 实例的原型链查找到 A.prototype 上寻找该方法；这一查找机制与 ES5 中通过修改构造函数 prototype 实现继承时的原型链查找机制完全不同。
阅读代码： var name = "全局"; function make() { var name = "局部"; function show() { return name; } return show; } var fn = make(); function run(show) { var name = "参数"; return show(); } 调用 run(fn) 的返回值是什么？ A. 全局 B. 局部 C. 参数 D. undefined
在表单中有三个单选按钮，前两个的name属性均为"g1"，第三个的name属性为"g2"。已知用户当前已选中第一个按钮。若要求该按钮保持选中状态不变，则用户还能再选中的单选按钮最多有____个。