2026年大学试题(计算机科学)-网页设计与制作历年参考题库含答案解析

2026年大学试题(计算机科学)-网页设计与制作历年参考题库含答案解析一、选择题从给出的选项中选择正确答案（共100题）1、JavaScript中用于获取当前页面URL中hash部分的方法是：A.location.hrefB.location.hashC.location.pathnameD.location.search2、在HTML表单中，用于提交表单数据的方式不包括以下哪种？A.GETB.POSTC.PUTD.SEND3、JavaScript中以下哪个方法用于在数组末尾添加元素？A.shiftB.unshiftC.pushD.pop4、CSS中用于设置元素盒子阴影效果的属性是：A.box-shadowB.text-shadowC.shadowD.border-shadow5、在JavaScript中，typeof运算符对null值的返回值是：A.nullB.undefinedC.objectD.number6、以下哪个HTML5特性用于在网页中播放视频？A.<video>B.<movie>C.<media>D.<play>7、JavaScript中的闭包是指：A.一种循环结构B.函数与其词法环境的组合C.对象的私有方法D.异步处理机制8、CSS中伪类选择器:hover用于什么状态？A.链接未被访问B.鼠标悬停C.元素获得焦点D.元素被选中9、在JavaScript中，以下哪个操作符用于严格相等比较？A.=B.==C.===D.!==10、以下哪个不是常用的JavaScript前端框架？A.ReactB.VueC.DjangoD.Angular11、CSS中用于创建两栏等宽布局的Grid属性值是：A.grid-template-columns:1fr1frB.grid-template-columns:50%50%C.grid-template-columns:repeat(2,1fr)D.以上都可以12、在JavaScript异步编程中，Promise的三个状态不包括：A.pendingB.fulfilledC.rejectedD.completed13、以下哪个CSS属性用于设置元素的圆角效果？A.border-radiusB.corner-radiusC.round-borderD.border-corner14、以下关于HTML5语义化标签的说法，正确的是？A.语义化标签可以提升页面的加载速度B.语义化标签让代码更易读，便于搜索引擎理解和屏幕阅读器访问C.语义化标签是HTML5新增的专有样式标签D.语义化标签只能用于网页头部15、CSS中，以下哪种选择器的优先级最高？A.ID选择器B.类选择器C.元素选择器D.通配符选择器16、在CSS布局中，要实现一个容器内多个子元素水平且等间距排列，最佳方案是？A.使用float浮动布局B.使用display:flex配合justify-content:space-betweenC.使用position:absolute绝对定位D.使用display:inline-block添加空白字符17、下列关于JavaScript事件委托的说法，正确的是？A.事件委托利用事件冒泡机制，将子元素的事件监听器设置在父元素上B.事件委托利用事件捕获机制，将事件监听器设置在子元素上C.事件委托只能在鼠标事件中实现D.事件委托会显著降低页面性能18、以下哪个HTTP状态码表示"请求成功"？A.200B.301C.404D.50019、在CSS中，以下哪个属性用于设置元素的盒模型为border-box？A.box-sizing:border-boxB.box-model:border-boxC.display:border-boxD.width:calc(border-box)20、以下关于RESTfulAPI设计原则的描述，错误的是？A.使用HTTP方法表达操作类型，如GET用于查询，POST用于创建B.资源用名词表示，URL中不应包含动词C.通过状态码区分请求结果D.URL中应包含具体实现细节如技术框架名称21、CSS中的z-index属性生效的前提条件是？A.元素必须是position:relativeB.元素的position值不能为staticC.元素必须设置width和heightD.元素必须设置opacity22、以下哪种技术用于实现浏览器端数据的持久化存储？A.XMLHttpRequestB.WebStorage（localStorage和sessionStorage）C.CSSAnimationD.WebWorkers23、HTML中<metacharset="utf-8">标签的作用是？A.设置网页标题B.指定文档的字符编码为UTF-8C.设置网页关键字D.声明网页作者信息24、在JavaScript中，以下哪个方法可以将JSON字符串解析为对象？A.JSOB.stringifyC.parseD.toObjectE.convert25、以下关于Web性能优化的说法，错误的是？A.图片压缩可以减少页面加载时间B.合并CSS和JavaScript文件可以减少HTTP请求数C.将JavaScript文件放在<head>中能提高页面渲染速度D.启用Gzip压缩可以减小传输文件大小26、CSS中display:none和visibility:hidden的区别是？A.两者完全等价，可以互换使用B.display:none不占空间且不触发重排，visibility:hidden仍占空间但不可见C.display:none仍占空间，visibility:hidden不占空间D.display:none不可被屏幕阅读器读取，visibility:hidden可以27、在CSS中，以下哪个单位是相对于根元素字体大小的？A.emB.remC.pxD.%28、以下关于AJAX技术的描述，正确的是？A.AJAX必须依赖jQuery才能实现B.AJAX可以在不刷新整个页面的情况下与服务器交换数据C.AJAX只能发送GET请求，不能发送POST请求D.AJAX是HTML5新增的标准29、CSS中的transition属性用于实现什么效果？A.页面元素的动态布局B.属性值变化时的平滑过渡动画C.元素的3D立体旋转D.背景图的自动滚动30、在HTML表单中，以下哪个input类型用于创建单选按钮？A.<inputtype="checkbox">B.<inputtype="radio">C.<inputtype="select">D.<inputtype="button">31、以下关于Web安全中CSRF攻击的说法，正确的是？A.CSRF攻击可以通过XSS漏洞完全防御B.CSRF攻击的核心是伪造用户身份发起非用户本意的请求C.CSRF攻击只影响静态页面D.CSRF攻击需要攻击者掌握用户密码32、CSSGrid布局中，以下哪个属性用于定义网格列的宽度？A.grid-template-rowsB.grid-template-columnsC.grid-gapD.align-items33、以下关于Web字体加载的说法，正确的是？A.@font-face只能加载本地字体文件B.Web字体使用FOUC（无样式闪烁）问题已被现代浏览器完全解决C.FOUT是指字体加载期间先显示备用字体，加载完成后再切换为目标字体D.Web字体只能通过CDN加载，不能自托管34、在JavaScript中，Promise对象的三种状态不包括？A.pendingB.fulfilledC.rejectedD.resolved35、HTML中用于定义网页标题的标签是？A.<head>B.<title>C.<header>D.<caption>36、以下哪个CSS属性用于设置元素的背景颜色？A.colorB.background-colorC.bg-colorD.back-color37、CSS盒模型中，content与外边框之间的区域称为？A.marginB.paddingC.borderD.space38、以下哪个HTML标签用于定义无序列表？A.<ol>B.<ul>C.<dl>D.<li>39、CSS中position属性值为fixed时，元素相对于什么定位？A.文档流B.父元素C.浏览器窗口D.最后一个定位祖先40、HTML表单中，用于提交数据的按钮标签是？A.<inputtype="button">B.<inputtype="submit">C.<buttondisabled>D.<inputtype="reset">41、CSS选择器中优先级最高的是？A.class选择器B.id选择器C.标签选择器D.通配符选择器42、以下哪个HTML5语义化标签用于定义页面的主导航区域？A.<nav>B.<section>C.<article>D.<aside>43、JavaScript中用于输出内容到控制台的函数是？A.console.logB.document.writeC.alertD.print44、CSS中float属性脱离文档流后，父元素高度塌陷的解决方案不包括？A.clear:bothB.overflow:hiddenC.position:absoluteD.display:flex45、HTML中img标签的alt属性的作用是？A.设置图片标题B.设置图片替代文本C.设置图片链接D.设置图片尺寸46、CSS中实现水平居中的方法，以下正确的是？A.text-align:centerB.margin:0auto（块元素）C.vertical-align:middleD.justify-content:left47、以下哪个HTTP状态码表示"未找到"？A.200B.301C.404D.50048、CSS媒体查询@mediascreen和(max-width:768px)的含义是？A.屏幕宽度大于768px时应用样式B.屏幕宽度小于等于768px时应用样式C.屏幕高度小于768pxD.打印样式49、JavaScript中数组的push方法作用是？A.删除数组末尾元素B.在数组末尾添加元素C.在数组开头添加元素D.合并两个数组50、HTML中<link>标签通常用于引入？A.JavaScript文件B.CSS样式表C.视频文件D.图片资源51、CSS中box-sizing:border-box的作用是？A.设置盒模型为怪异盒模型，padding和border计入宽度B.设置元素为边框盒模型C.移除盒模型D.添加阴影效果52、以下哪个属性不是CSS过渡动画所需的？A.transition-propertyB.transition-durationC.transition-effectD.transition-timing-function53、HTML5中<canvas>元素主要用于？A.嵌入视频B.绘制图形和动画C.创建画布容器D.加载外部资源54、CSSFlexbox布局中，justify-content属性控制什么方向的对齐？A.主轴B.交叉轴C.垂直方向D.对角线方向55、CSS中用于创建粘性定位的属性值是？A.position:stickyB.position:staticC.position:relativeD.position:inherit56、HTML中<a>标签的target="_blank"属性的作用是？A.在当前窗口打开链接B.在新标签页打开链接C.关闭当前窗口D.跳转到指定锚点57、JavaScript中let和var声明变量的主要区别是？A.let只能声明数字，var可以声明任意类型B.let是块级作用域，var是函数级作用域C.let不能被重新赋值D.var没有声明提升58、响应式网页设计中，em单位相对于什么基准？A.浏览器默认字体大小16pxB.元素自身的字体大小C.根元素字体大小D.页面百分比59、CSS中z-index属性影响哪种定位的元素？A.static定位B.absolute/fixed/sticky定位C.relative定位D.所有定位元素60、HTML中textarea标签的rows和cols属性分别表示？A.文本的行数和列数（字符单位）B.像素高度和宽度C.行数（px）和列数（em）D.字符总数和行数61、CSSGrid布局中，grid-template-columns:repeat(3,1fr)的含义是？A.创建3列等宽列B.创建3列不同宽度列C.创建1列重复3次D.创建3行62、以下哪个事件在网页加载完成后触发？A.onmouseoverB.onloadC.onchangeD.onclick63、HTML表单中，required属性的作用是？A.设置字段默认值B.使字段成为必填项C.禁止用户输入D.字段只读64、CSS中opacity属性的取值范围是？A.0~1B.-1~1C.0~100D.1~1065、JavaScript中typeofnull的返回值是？A."null"B."undefined"C."object"D."number"66、CSS中!important规则的作用是？A.强制覆盖所有样式声明B.提高代码可读性C.声明变量D.定义动画67、HTML中<noscript>标签的内容在什么情况下方会显示？A.JavaScript被禁用或未加载B.浏览器不支持HTML5C.网络断开D.页面加载失败68、CSS伪类:hover适用于哪种情况？A.元素被点击时B.鼠标悬停在元素上时C.元素获取焦点时D.元素被选中时69、以下哪个是CSS预处理器？A.ReactB.SassC.VueD.Node.js70、HTML5中<section>标签通常用于？A.定义文档的侧边栏B.定义文档中的节或章节C.定义导航区域D.定义页脚71、CSS中display:none和visibility:hidden的区别是？A.前者占据空间，后者不占B.两者都占据空间C.前者不占据空间，后者仍占据空间D.无区别72、JavaScript中DOM的全称是？A.DocumentObjectModelB.DataObjectManagementC.DocumentOperationMethodD.DynamicObjectModel73、CSS选择器input:focus{border-color:red;}中:focus属于什么类型？A.属性选择器B.伪类选择器C.伪元素选择器D.类选择器74、HTML中meta标签charset="UTF-8"的作用是？A.设置页面标题B.声明字符编码为UTF-8C.定义页面关键字D.设置页面作者75、CSS中transition属性简写的正确语法是？A.transition:propertydurationtiming-functiondelayB.transition:durationpropertycolorC.transition:all1seaseD.A和C都正确76、HTML5中语义化标签的主要好处不包括？A.提高代码可读性B.改善SEO优化C.减少CSS样式复杂度D.增强可访问性77、JavaScript中parseInt("123abc")的返回值是？A.NaNB.123C.123abcD.报错78、CSS中background-repeat:no-repeat的作用是？A.背景图平铺显示B.背景图不重复显示C.背景图垂直重复D.背景图水平重复79、HTML中id属性的唯一性要求是指？A.同一页面内id不能重复B.不同页面id可以重复C.全局所有页面id唯一D.全局所有网站id唯一80、CSS中clear:both属性的作用是？A.清除浮动影响B.清除背景色C.清除字体样式D.清除边框81、JavaScript中以下哪个是对象创建的正确方式？A.varobj=newObjectB.varobj={}C.varobj=Object.create(null)D.以上都是82、HTML标签中自闭合标签是？A.<div></div>B.<span></span>C.<imgsrc="a.jpg">D.<p>文本</p>83、CSS中font-weight:bold相当于数值？A.100B.400C.700D.90084、JavaScript中数组方法map的作用是？A.过滤数组元素B.对每个元素执行函数并返回新数组C.查找元素位置D.反转数组85、HTML5中<figure>和<figcaption>组合用于？A.定义重要文本B.定义插图或代码块及其标题C.定义列表D.定义表格86、CSS中box-shadow属性的正确语法是？A.box-shadow:x-offsety-offsetblurspreadcolorB.box-shadow:shadow-colorC.box-shadow:blurspreadD.box-shadow:offsetblur87、JavaScript中事件冒泡是指？A.事件从外层元素向里层元素传播B.事件从里层元素向外层元素传播C.事件同时触发所有元素D.事件只触发直接绑定元素88、HTML中label标签的for属性作用是？A.为表单元素设置标签关联B.设置label样式C.定义label名称D.创建新表单89、CSS中calc函数的作用是？A.计算动画时长B.进行数值表达式计算C.格式化数字D.随机生成数值90、JavaScript中以下哪个方法用于停止计时器？A.setTimeoutB.setIntervalC.clearTimeoutD.pause91、HTML中<!DOCTYPEhtml>的作用是？A.注释HTML代码B.声明文档类型为HTML5C.引入样式表D.定义页面编码92、CSS中nth-child(2n)选择器选择的是？A.奇数子元素B.偶数子元素C.第二个子元素D.所有子元素93、JavaScript中addEventListener的作用是？A.删除事件处理器B.添加事件监听器C.触发事件D.创建元素94、HTML中inputtype="email"的特点是？A.仅允许输入数字B.自动验证邮箱格式C.只能输入字母D.没有特殊功能95、CSS中cursor:pointer的作用是什么？A.设置鼠标指针为默认箭头B.设置鼠标指针为手型C.设置鼠标指针为文本选择D.设置鼠标指针为等待96、HTML5中localStorage与sessionStorage的区别是？A.无区别B.localStorage永久存储，sessionStorage页面关闭后清除C.sessionStorage容量更大D.localStorage只能存字符串97、CSS中transform:scale(2)的效果是？A.元素旋转90度B.元素放大2倍C.元素水平移动D.元素倾斜98、JavaScript中async/await的作用是什么？A.定义同步函数B.简化异步编程C.声明常量D.定义类99、HTML中<base>标签的作用是？A.定义文档基础URLB.设置页面背景C.定义基础字体D.创建基础布局100、CSS中grid-template-areas属性的作用是？A.定义网格区域的名称和内容布局B.设置网格颜色C.定义行高D.设置列宽

参考答案及解析1.【参考答案】B【解析】location.hash返回URL中的hash值（包含符号）。location.href返回完整URL，location.pathname返回路径名，location.search返回查询参数部分（包含?符号）。2.【参考答案】D【解析】HTML表单支持的提交方式为GET和POST。PUT是HTTP协议方法但非表单提交标准方式，SEND不是HTTP方法也不是表单提交方式。3.【参考答案】C【解析】push方法向数组末尾添加一个或多个元素并返回新长度。shift删除并返回第一个元素，unshift在开头添加元素，pop删除并返回最后一个元素。4.【参考答案】A【解析】box-shadow属性向框添加一个或多个阴影。text-shadow用于文本阴影，shadow和border-shadow不是合法的CSS属性名。5.【参考答案】C【解析】typeofnull返回"object"，这是JavaScript的一个历史遗留bug。因为JavaScript最初用32位存储值，null被表示为全零，被识别为对象类型指针。6.【参考答案】A【解析】HTML5的<video>标签用于嵌入视频内容，支持多种格式。不存在(movie)、(media)、(play)这些HTML标签用于视频播放。7.【参考答案】B【解析】闭包是一个函数及其相关的引用环境组合而成的实体。它使得内部函数可以访问外部函数的变量，即使外部函数已经执行完毕。8.【参考答案】B【解析】:hover伪类用于选择鼠标指针悬停其上的元素。:link用于未访问链接，:focus用于获得焦点的元素，:checked用于被选中的表单元素。9.【参考答案】C【解析】===运算符进行严格相等比较，既比较值也比较类型，不进行类型转换。=是赋值运算符，==是宽松相等，!==是严格不等。10.【参考答案】C【解析】Django是Python的Web后端框架，不是JavaScript前端框架。React、Vue和Angular都是流行的JavaScript前端框架。11.【参考答案】D【解析】三种写法均可创建两栏等宽布局。1fr1fr表示两栏各占一份，50%50%表示各占50%宽度，repeat(2,1fr)是简写形式表示重复两次1fr。12.【参考答案】D【解析】Promise有三个状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。completed不是Promise的状态，Promise成功resolved后变为fulfilled状态。13.【参考答案】A【解析】border-radius属性用于设置元素的外边框圆角。该属性接受长度值或百分比，可以分别设置四个角的半径。其他选项均不是合法的CSS属性。14.【参考答案】B【解析】HTML5语义化标签（如<header>、<nav>、<article>、<footer>等）的主要作用是赋予页面结构含义，使开发者更易维护代码，同时帮助搜索引擎更好地理解页面内容以提升SEO效果，也方便屏幕阅读器为视障用户提供导航。语义化标签与加载速度无直接关系，也不是样式标签，更不是仅限于头部使用。15.【参考答案】A【解析】CSS选择器优先级从高到低依次为：内联样式>ID选择器>类选择器>元素选择器>通配符选择器。ID选择器形如id，其优先级值为0100，远高于类选择器（0010）、元素选择器（0001）和通配符（0000），因此在冲突时具有更高权重。16.【参考答案】B【解析】Flexbox是现代CSS布局的核心方案。display:flex将容器设为弹性盒子，justify-content:space-between可使子元素在主轴方向上均匀分布，两端贴边、中间等间距。相比float存在清除浮动问题，absolute需要手动计算位置，inline-block会产生空白字符干扰，均不如flex便捷可靠。17.【参考答案】A【解析】事件委托是指不在每个子元素上单独绑定事件监听器，而是将监听器绑定在它们的共同父元素上，利用事件冒泡机制，当子元素触发事件时事件会向上传播到父元素进行处理。这种方式减少了监听器数量，节省内存，尤其适合动态添加的子元素场景。18.【参考答案】A【解析】HTTP状态码200表示服务器已成功处理请求并返回响应内容。301表示永久重定向，404表示请求资源未找到，500表示服务器内部错误。200是最常见的成功状态码，表明请求已正常完成。19.【参考答案】A【解析】box-sizing属性控制元素的宽高计算方式。设置为border-box后，元素的width和height包含padding和border，只有content部分会被压缩以适配设定尺寸。默认值为content-box，此时width和height仅指content区域，加上padding和border后实际占用空间更大。20.【参考答案】D【解析】RESTfulAPI设计强调URL应简洁、具有可读性且与技术实现无关。URL中不应暴露内部技术框架、数据库结构等实现细节。正确的做法是使用名词表示资源，用HTTP方法区分操作，通过状态码反馈结果，保持接口的一致性和可扩展性。21.【参考答案】B【解析】z-index用于控制定位元素的层叠顺序，但只有在元素的position值不为默认的static时才会生效。position可以是relative、absolute、fixed或sticky中的任意一种。仅设置z-index而position仍为static，该属性不会产生任何效果。22.【参考答案】B【解析】WebStorage提供localStorage和sessionStorage两种存储方式，用于在浏览器端持久化保存键值对数据。localStorage数据除非主动删除否则永久保存，sessionStorage数据在会话结束后清除。XMLHttpRequest用于网络请求，CSSAnimation用于动画效果，WebWorkers用于后台线程计算。23.【参考答案】B【解析】metacharset标签用于声明HTML文档使用的字符编码。UTF-8是一种支持几乎所有人类语言字符的编码格式，能有效避免中文等特殊字符出现乱码问题。设置charset为必要措施，尤其对于包含多语言内容的网页至关重要。24.【参考答案】B【解析】JSON.parse用于将JSON格式的字符串解析为JavaScript对象，常用于接收服务端返回的JSON数据后进行数据处理。JSON.stringify则是相反操作，将对象序列化为JSON字符串。两者互为逆运算，是前后端数据交换中最常用的方法组合。25.【参考答案】C【解析】将JavaScript文件放在<head>中会阻塞HTML解析，导致页面渲染延迟，因为浏览器遇到script标签时会暂停解析。最佳实践是将JS文件放在</body>之前，或使用defer/async属性异步加载，以确保页面内容优先显示给用户，提升首屏渲染速度。26.【参考答案】B【解析】display:none使元素完全从文档流中移除，不占据任何空间，触发重排和重绘。visibility:hidden使元素不可见但仍占据原有空间，仅触发重绘不触发重排。因此两者不能互换使用，选择时需根据是否需要保留元素空间来决定。27.【参考答案】B【解析】rem（rootem）相对于根元素<html>的font-size设置，无论嵌套层级多深，其计算基准始终是根元素。em则相对于父元素的字体大小，嵌套时会产生累积效应。px是固定像素单位，%是相对单位，三者行为各不相同。28.【参考答案】B【解析】AJAX（AsynchronousJavaScriptandXML）是一种异步通信技术，允许网页在不重新加载整个页面的前提下与服务器交换数据并更新局部内容。它基于XMLHttpRequest对象，不依赖任何框架，支持GET和POST等多种HTTP方法，且在HTML5之前就已存在。29.【参考答案】B【解析】transition属性用于定义CSS属性值在变化时的过渡效果，实现从旧值到新值的平滑动画。可控制的属性包括width、height、opacity、color等，通过指定transition-property、transition-duration、transition-timing-function和transition-delay来实现不同过渡效果。30.【参考答案】B【解析】type="radio"创建单选按钮，同一组单选按钮需设置相同的name属性，用户只能选择其中一个。type="checkbox"创建复选框允许同时选择多项，type="select"不是有效的input类型，type="button"创建普通按钮，均不符合单选需求。31.【参考答案】B【解析】CSRF（跨站请求伪造）攻击利用用户已登录的身份，诱导用户访问恶意页面，从而以用户名义向目标网站发起非用户本意的请求。防御措施包括使用CSRFToken、检查Referer头部、设置SameSiteCookie等，与XSS是不同的攻击类型，不需要掌握用户密码。32.【参考答案】B【解析】grid-template-columns用于定义Grid容器的列数和每列的宽度，grid-template-rows定义行数和每行的高度。grid-gap设置行列间距，align-items设置交叉轴对齐方式。理解这两个核心属性是掌握Grid布局的关键。33.【参考答案】C【解析】@font-face可加载本地或远程字体文件。FOUC（FlashofUnstyledContent）和FOUT（FlashofInvisibleText）是字体加载过程中的两种闪烁现象，FOUT表现为先显示备用字体再切换。现代浏览器提供了font-display等属性进行控制，但完全消除仍需优化加载策略。Web字体既可以CDN加载也可以自托管。34.【参考答案】D【解析】Promise对象有三种状态：pending（进行中）、fulfilled（已成功，也称resolved）和rejected（已失败）。fulfilled和resolved指的是同一种成功状态的不同表述，但标准的三种状态名称是pending、fulfilled和rejected，resolved并非独立的第四种状态。35.【参考答案】B【解析】<title>标签定义浏览器工具栏中显示的网页标题，位于<head>区域内。其他选项：<head>是头部容器，<header>用于页面或区块的头部，<caption>用于表格标题。36.【参考答案】B【解析】background-color用于设置元素的背景色。color设置文字颜色，bg-color和back-color不是合法的CSS属性名。37.【参考答案】B【解析】padding是内容与边框之间的内边距。margin是外边距（元素外与其他元素的间距），border是边框层。38.【参考答案】B【解析】<ul>定义无序列表，<ol>定义有序列表，<dl>定义描述列表，<li>是列表项标签。39.【参考答案】C【解析】fixed使元素相对于浏览器窗口定位，滚动页面时元素位置不变。static是默认值，relative相对自身定位，absolute相对于最近的非static祖先。40.【参考答案】B【解析】type="submit"创建提交按钮，将表单数据发送到服务器。type="button"仅触发脚本，type="reset"重置表单。41.【参考答案】B【解析】优先级顺序：内联样式>ID选择器>类选择器>标签选择器>通配符。ID选择器（id）权重高于class选择器（.class）。42.【参考答案】A【解析】<nav>定义导航链接集合。<section>是文档分区，<article>表示独立内容，<aside>用于侧边栏相关内容。43.【参考答案】A【解析】console.log将信息输出到浏览器开发者工具控制台。document.write写入页面文档，alert弹出对话框，print用于打印。44.【参考答案】C【解析】clear:both清除浮动影响，overflow:hidden触发BFC修复塌陷，display:flex是弹性布局。position:absolute会进一步脱离文档流，不能解决塌陷问题。45.【参考答案】B【解析】alt属性提供图片无法显示时的替代文字，对屏幕阅读器和SEO至关重要。图片标题用title属性，尺寸用width/height属性。46.【参考答案】B【解析】margin:0auto配合固定宽度可使块元素水平居中。text-align:center用于文本，vertical-align:middle用于行内元素对齐，justify-content:left不居中。47.【参考答案】C【解析】404表示请求资源未找到。200成功，301永久重定向，500服务器内部错误。48.【参考答案】B【解析】max-width:768px表示视口宽度不超过768px时生效，常用于移动设备适配。min-width则相反。49.【参考答案】B【解析】push在数组末尾追加元素并返回新长度。pop删除末尾元素，unshift在开头添加元素，concat合并数组。50.【参考答案】B【解析】<linkrel="stylesheet"href="xxx.css">引入外部样式表。JavaScript用<script>标签引入，视频用<video>，图片用<img>。51.【参考答案】A【解析】border-box使元素的width/height包含padding和border，方便布局计算。content-box是默认值，尺寸不含padding和border。52.【参考答案】C【解析】CSS过渡属性包括transition-property、transition-duration、transition-timing-function和transition-delay。transition-effect不是合法属性。53.【参考答案】B【解析】<canvas>通过JavaScriptAPI绘制图形、动画和游戏画面。它需要配合JS才能使用，不是简单的容器或媒体标签。54.【参考答案】A【解析】justify-content控制主轴方向的对齐方式（flex-direction决定主轴方向）。align-items控制交叉轴方向的对齐。常见值：flex-start、flex-end、center、space-between、space-around。55.【参考答案】A【解析】sticky是粘性定位，元素在跨越特定阈值前相对定位，达到后表现为固定定位。适合实现滚动时吸附效果。56.【参考答案】B【解析】target="_blank"在新标签页或窗口打开链接。target="_self"在当前页打开，target="_parent"在父框架打开，target="_top"在整个窗口打开。57.【参考答案】B【解析】let具有块级作用域（在大括号内有效），var是函数作用域。两者都可以重新赋值和声明提升，数据类型也不受限。58.【参考答案】B【解析】em相对于其所在元素的字体大小（继承自父元素）。rem相对于根元素(html)字体大小，px是固定像素值。59.【参考答案】B【解析】z-index控制层叠顺序，只对position值非static的元素生效。absolute、fixed和sticky定位的元素都可以设置z-index层叠层级。60.【参考答案】A【解析】rows定义可见行数，cols定义可见列数（以平均字符宽度为单位），都是字符数量而非像素。现代设计中更常用CSS控制尺寸。61.【参考答案】A【解析】repeat(3,1fr)创建3个等宽列，每列占1份剩余空间。fr是分数单位。此语法简化了重复定义相等尺寸列的需求。62.【参考答案】B【解析】onload事件在页面或图片等资源完全加载后触发，常用于初始化脚本。onmouseover是鼠标悬停，onchange是内容改变，onclick是点击事件。63.【参考答案】B【解析】required属性验证字段不可为空，提交时浏览器会提示用户填写。placeholder设置占位提示文本，disabled禁用输入，readonly只读。64.【参考答案】A【解析】opacity取值0到1，0表示完全透明，1表示完全不透明。注意该属性会影响元素及其子元素，如需单独控制背景透明度可用rgba。65.【参考答案】C【解析】typeofnull返回"object"，这是JavaScript的历史遗留bug。null本身表示空值，但typeof对此有异常处理。可使用===null精确判断。66.【参考答案】A【解析】!important使该声明具有最高优先级，覆盖其他所有选择器的样式。但不建议滥用，会导致维护困难和层叠混乱。67.【参考答案】A【解析】<noscript>标签在浏览器不支持或禁用了JavaScript时显示其内容，常用于提示用户开启脚本或提供降级内容。68.【参考答案】B【解析】:hover伪类在鼠标指针悬停在元素上方时激活，常用于交互反馈如链接变色、按钮高亮。:active是点击时，:focus是聚焦时，:checked是选中时。69.【参考答案】B【解析】Sass是CSS预处理器，支持变量、嵌套、混入等功能，编译为标准CSS。React和Vue是前端框架，Node.js是运行时环境。70.【参考答案】B【解析】<section>定义文档中的主题内容区块，通常包含标题。aside用于侧边栏，nav用于导航，footer用于页脚。71.【参考答案】C【解析】display:none使元素完全隐藏且不占据页面空间，不会触发任何布局。visibility:hidden隐藏元素但仍占据原空间，可触发事件。72.【参考答案】A【解析】DOM（DocumentObjectModel）是文档对象模型，将HTML/XML文档表示为树状结构，允许JavaScript操作页面内容和结构。73.【参考答案】B【解析】:focus是伪类选择器，表示元素获得焦点的状态。伪元素选择器如::before、::after。属性选择器如input[type="text"]。74.【参考答案】B【解析】charset="UTF-8"声明文档使用UTF-8字符编码，确保特殊字符和多语言正确显示。页面标题用<title>，关键字用keywordsmeta，作者用authormeta。75.【参考答案】D【解析】transition简写属性包含property、duration、timing-function、delay四个值，顺序灵活。transition:all1sease表示所有属性变化持续1秒使用ease缓动，是合法简写。76.【参考答案】C【解析】语义化标签提升代码可读性、SEO排名和屏幕阅读器友好度（可访问性）。但它不会减少CSS样式复杂度，样式工作量基本相同。77.【参考答案】B【解析】parseI