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

2026年大学试题(计算机科学)-网页设计与制作历年参考题库含答案解析一、选择题从给出的选项中选择正确答案（共100题）1、以太网标准IEEE802.3规定的最小帧长为多少字节？A.46B.64C.1500D.15182、ARP协议的主要功能是？A.将IP地址解析为MAC地址B.将MAC地址解析为IP地址C.分配IP地址D.检测网络环路3、在网络分层架构中，每一层向其相邻上层提供服务，这体现了什么原则？A.封装原则B.抽象原则C.对等层通信原则D.服务访问点原则4、下列哪种传输介质抗干扰能力最强？A.双绞线B.同轴电缆C.光纤D.无线电波5、信道的奈奎斯特定理指出，无噪声情况下极限数据速率与什么有关？A.信道带宽和信号电平数B.信号功率C.噪声功率D.传输距离6、TCP三次握手过程中，SYN报文段携带的序列号由谁决定？A.由服务器端随机生成B.由客户端随机生成C.由双方协商确定D.固定为17、下列哪种交换方式具有最低的传输延迟？A.电路交换B.报文交换C.分组交换D.虚电路交换8、QoS（服务质量）主要用来保障网络中的哪些特性？A.带宽、延迟、抖动和丢包率B.安全性、可用性和完整性C.加密强度、认证方式和访问控制D.拓扑结构、路由协议和子网掩码9、IPv6地址长度为多少位？A.32位B.64位C.128位D.256位10、在网络管理中，SNMP协议使用哪个端口进行通信？A.UDP161B.TCP80C.UDP53D.TCP44311、下列哪种错误检测方法能检出所有单比特错误？A.奇偶校验B.校验和C.CRC循环冗余校验D.上述方法都能12、BGP协议主要用于什么场景？A.自治系统内部路由B.自治系统间路由C.局域网内部通信D.无线传感器网络13、在HTML5中，以下哪个标签用于定义文档的导航链接部分？A.<nav>B.<section>C.<article>D.<aside>14、CSS中，以下哪个属性用于设置元素的盒模型类型？A.box-sizingB.displayC.positionD.float15、在JavaScript中，以下哪个方法用于向数组末尾添加元素？A.pushB.popC.shiftD.unshift16、以下哪种HTTP状态码表示请求成功？A.200B.301C.404D.50017、CSS选择器中，优先级最高的是？A.id选择器B.类选择器C.标签选择器D.通配符选择器18、在网页设计中，响应式布局主要依靠什么技术实现？A.媒体查询B.浮动布局C.绝对定位D.表格布局19、以下哪个HTML标签用于创建超链接？A.<a>B.<link>C.<href>D.<url>20、CSS中，display:none和visibility:hidden的区别是什么？A.前者不占空间后者占空间B.前者占空间后者不占空间C.两者都不占空间D.两者都占空间21、在JavaScript中，typeofnull的返回值是？A.nullB.objectC.undefinedD.number22、以下哪个属性用于设置CSS元素的透明度？A.opacityB.transparencyC.alphaD.filter23、在Flexbox布局中，以下哪个属性用于设置主轴方向？A.flex-directionB.justify-contentC.align-itemsD.flex-wrap24、HTML5新增的表单输入类型中，哪种用于选择日期？A.<inputtype="date">B.<inputtype="datetime">C.<inputtype="time">D.<inputtype="month">25、CSS中，position:fixed元素相对于什么定位？A.浏览器视口B.父元素C.文档流D.body元素26、在JavaScript中，以下哪个关键字用于声明常量？A.constB.letC.varD.static27、以下哪个工具用于将SCSS编译为CSS？A.Sass/SCSS编译器B.WebpackC.BabelD.ESLint28、CSSGrid布局中，grid-template-columns属性用于定义什么？A.列宽B.行高C.间距D.对齐方式29、在JavaScript异步编程中，以下哪个对象用于发起HTTP请求？A.XMLHttpRequestB.PromiseC.fetchAPID.setTimeout30、以下哪个标签用于在HTML中嵌入视频？A.<video>B.<movie>C.<media>D.<embed>31、CSS中，box-shadow属性的正确语法顺序是？A.水平偏移垂直偏移模糊半径扩展半径颜色B.水平偏移垂直偏移颜色模糊半径扩展半径C.颜色水平偏移垂直偏移模糊半径扩展半径D.模糊半径水平偏移垂直偏移颜色扩展半径32、在JavaScript中，Array.isArray方法用于判断什么？A.是否为数组B.是否为对象C.是否为字符串D.是否为函数33、HTML5中，<canvas>元素主要用于什么？A.绘制图形B.播放视频C.显示图片D.创建表格34、在CSS中，以下哪个单位是相对于根元素字体大小的？A.emB.remC.pxD.vw35、JavaScript中，DOM操作的最优方式是？A.直接批量修改innerHTMLB.使用DocumentFragmentC.逐个创建元素并appendChildD.使用模板字符串36、在Web性能优化中，以下哪项措施最有效减少首屏加载时间？A.图片懒加载B.代码压缩C.CDN加速D.减少HTTP请求37、CSS中，z-index属性生效的前提条件是什么？A.元素必须有position值非staticB.元素必须是块级元素C.元素必须有宽高D.元素必须有背景色38、在JavaScript中，以下哪个方法用于深拷贝对象？

【options】A.JSOB.parse(JSOC.stringify(obj))D.Object.assign({},obj)E....objF.Object.create(obj)39、HTML语义化的主要好处不包括？A.提升页面加载速度B.改善可访问性C.利于SEO优化D.增强代码可读性40、以下哪种情况会导致CSS盒模型宽度计算不一致？A.不同浏览器默认样式差异B.元素设置了overflow:hiddenC.使用了flex布局D.元素设置了margin41、JavaScript中，事件委托的原理基于什么机制？A.事件冒泡B.事件捕获C.默认行为D.阻止默认42、在响应式设计中，以下哪个视口meta标签最常用？A.<metaname="viewport"content="width=device-width,initial-scale=1">B.<metaname="viewport"content="width=1024">C.<metaname="viewport"content="initial-scale=2">D.<metaname="viewport"content="user-scalable=no">43、CSS中，transition属性用于实现什么效果？A.平滑过渡动画B.关键帧动画C.3D变换D.滤镜效果44、在HTML中，以下哪个属性用于指定链接的目标窗口？A.targetB.hrefC.relD.name45、JavaScript中，以下哪个是falsy值？

【options】A."false"B."0"C.[]46、CSS中，伪类:hover应用于什么状态？A.鼠标悬停状态B.鼠标按下状态C.鼠标释放状态D.元素聚焦状态47、在Web开发中，以下哪项不属于前端技术栈？A.Vue.jsB.Node.jsC.ReactD.Angular48、CSS中，以下哪个选择器匹配所有直接子元素？A.>.childB..parent.childC..parent+.childD..parent~.child49、在JavaScript中，箭头函数的this指向哪里？A.定义时的上下文B.调用时的上下文C.window对象D.undefined50、HTML5中，localStorage和sessionStorage的主要区别是？A.存储期限不同B.存储容量不同C.共享范围不同D.数据类型不同51、CSS中，以下哪个属性用于实现文字溢出省略号显示？A.text-overflow:ellipsisB.overflow:hiddenC.white-space:nowrapD.以上三者都需要52、在JavaScript中，以下哪个方法用于将JSON字符串解析为对象？A.JSOB.parseC.stringifyD.toObjectE.convert53、CSS中，float属性的默认值是？A.noneB.leftC.rightD.inherit54、在HTML中，以下哪个标签用于定义表格的表头单元格？A.<th>B.<td>C.<thead>D.<caption>55、JavaScript中，以下哪个操作符用于严格相等比较？A.===B.==C.!=D.!==56、CSS中，box-sizing:border-box的含义是？A.宽高包含内容和边框B.宽高仅含内容C.宽高包含所有内容加外边距D.宽高与padding无关57、在JavaScript中，以下哪个事件用于页面加载完成？A.DOMContentLoadedB.loadC.readystatechangeD.onload58、CSS中，以下哪个单位是相对于视口宽度的百分比？A.vwB.vhC.vminD.vmax59、在HTML5中，以下哪个元素用于定义视频播放器的控制条？A.<videocontrols>B.<videoautoplay>C.<videoloop>D.<videopreload>60、CSS中，以下哪个属性用于设置元素圆角？A.border-radiusB.border-cornerC.roundnessD.curve61、JavaScript中，以下哪个方法用于获取元素的实际渲染尺寸？

【options】A.getBoundingClientRectB.offsetWidthC.clientWidthD.所有以上都可以62、在CSS中，以下哪个属性用于控制元素是否参与文档流？A.positionB.displayC.floatD.以上都是63、HTML中，以下哪个属性用于指定音频文件的来源？A.srcB.hrefC.urlD.data64、CSS中，以下哪个选择器匹配所有class为active的元素？A..activeB.activeC.*active65、在JavaScript中，以下哪个方法用于移除数组最后一个元素？A.popB.pushC.shiftD.splice66、CSS中，以下哪个属性用于设置元素背景的重复方式？

【options】A.background-repeatB.background-sizeC.background-clipD.background-origin67、在HTML中，以下哪个标签用于定义无序列表？A.<ul>B.<ol>C.<li>D.<dl>68、JavaScript中，以下哪个关键字用于定义函数？A.functionB.defC.funcD.method69、CSS中，以下哪个属性用于设置元素的文本颜色？A.colorB.text-colorC.font-colorD.foreground70、在HTML中，以下哪个属性用于指定图片的替代文本？A.altB.titleC.srcD.longdesc71、CSS中，以下哪个属性用于设置元素的显示顺序？

【options】A.orderB.z-indexC.floatD.position72、JavaScript中，以下哪个方法用于将对象转换为JSON字符串？A.JSOB.stringifyC.parseD.Object.toStringE.toString73、CSS中，以下哪个伪元素用于在元素内容前插入内容？A.::beforeB.::afterC.::first-letterD.::first-line74、在HTML5中，以下哪个元素用于定义网页标题？A.<title>B.<h1>C.<header>D.<meta>75、CSS中，以下哪个属性用于控制元素的内边距？A.paddingB.marginC.borderD.gap76、JavaScript中，以下哪个对象用于存储键值对？A.ObjectB.ArrayC.MapD.Set77、CSS中，以下哪个值用于设置背景图不重复？

【options】A.no-repeatB.repeatC.spaceD.round78、在HTML中，以下哪个标签用于创建表单输入框？A.<input>B.<textarea>C.<select>D.<form>79、CSS中，以下哪个属性用于设置字体的大小？A.font-sizeB.text-sizeC.font-weightD.letter-spacing80、JavaScript中，以下哪个方法用于查找数组中满足条件的元素？A.findB.filterC.indexOfD.includes81、CSS中，以下哪个属性用于设置元素的外边距？A.marginB.paddingC.spacingD.border-spacing82、在HTML中，以下哪个属性用于指定链接的URL？A.hrefB.srcC.urlD.link83、CSS中，以下哪个选择器匹配所有p标签？A.pB..pC.*p84、JavaScript中，以下哪个方法用于将字符串转为小写？A.toLowerCaseB.toUpperCaseC.lowerCaseD.toLower85、CSS中，以下哪个属性用于设置元素的可见性？

【options】A.visibilityB.displayC.opacityD.以上都是86、在HTML5中，用于定义文档主要内容的语义化标签是A.<div>B.<article>C.<section>D.<main>87、CSS中，position属性的fixed值表示A.相对于父元素定位B.相对于浏览器窗口固定定位C.相对于文档正常流动定位D.相对于最近祖先元素定位88、JavaScript中，用于向网页中添加新元素的常用方法是A.document.createElementB.document.createNodeC.document.insertElementD.document.addElement89、在CSS盒模型中，border-width属性设置的是A.边框宽度B.边框样式C.边框颜色D.边框圆角90、以下哪个是有效的HTML5文档类型声明A.DOCTYPEhtmlB.!DOCTYPEhtmlC.<!DOCTYPEHTML5>D.DOCTYPEHTMLPUBLIC91、CSS中的z-index属性主要用于控制A.元素的透明度B.元素的层级顺序C.元素的文字间距D.元素的背景重复92、在JavaScript中，typeof运算符对null返回的值是A.nullB.undefinedC.objectD.number93、以下哪种CSS选择器优先级最高A.类选择器(.class)B.ID选择器(id)C.元素选择器(div)D.通配符选择器(*)94、HTML表单中，用于创建下拉列表的标签是A.<inputtype="list">B.<select>C.<dropdown>D.<option>95、CSS3中，transition属性用于实现A.元素动画变形B.平滑过渡效果C.滤镜特效D.阴影效果96、在响应式网页设计中，viewportmeta标签的作用是A.定义页面字符编码B.控制页面在移动设备上的显示比例C.设置页面缓存时间D.定义页面主题颜色97、JavaScript中用于监听DOM元素事件的方法是A.element.addEventListenerB.element.attachEventC.element.onEventD.element.bindEvent98、以下哪种情况会导致CSS的盒模型宽度计算不同A.使用display:flexB.使用box-sizing:border-boxC.使用float属性D.使用position:absolute99、HTTP状态码200表示A.请求成功B.页面未找到C.服务器内部错误D.重定向100、在JavaScript中，数组的splice方法用于A.截取数组片段B.删除或插入数组元素C.搜索数组元素D.反转数组顺序

参考答案及解析1.【参考答案】B【解析】IEEE802.3规定以太网最小帧长为64字节，包含14字节帧头、46字节最小数据载荷和4字节FCS。MTU通常为1500字节是最大数据载荷，1518字节是标准最大帧长。最小帧长确保CollisionDetection正常工作。2.【参考答案】A【解析】ARP（AddressResolutionProtocol）用于将已知的IP地址解析为对应的MAC地址，实现网络层到数据链路层的地址映射。反向ARP用于将MAC地址解析为IP地址，DHCP用于分配IP地址。3.【参考答案】B【解析】抽象原则是指每层隐藏其内部实现细节，仅向上层提供接口服务。下层对上层的透明度是网络设计的核心思想。封装是将数据和控制信息加入协议头尾的过程，对等层通信指同层协议实体间的通信规则。4.【参考答案】C【解析】光纤利用光信号传输数据，不受电磁干扰影响，带宽大、损耗低、安全性高。双绞线易受电磁干扰，同轴电缆抗干扰能力中等，无线电波易受环境干扰且安全性较差。5.【参考答案】A【解析】奈奎斯特定理公式为C=2B·log₂V，其中B为信道带宽，V为信号电平数。该定理描述了无噪声条件下信道的极限数据传输速率。香农定理则考虑了噪声影响，引入了信噪比因素。6.【参考答案】B【解析】TCP三次握手中，客户端发送SYN报文段并携带初始序列号ISN，该值由客户端随机生成以提高安全性。服务器回复SYN+ACK确认客户端ISN并携带自己的ISN。最终客户端发送ACK完成握手。7.【参考答案】A【解析】电路交换在通信前建立专用物理通路，数据传输延迟最低且固定。报文交换存储转发整个报文，延迟最大。分组交换将报文分段传输，延迟介于两者之间。虚电路交换是分组交换的一种，需要建立逻辑连接。8.【参考答案】A【解析】QoS通过优先级调度、流量整形和拥塞管理等技术，保障关键应用所需的带宽资源、控制传输延迟和抖动、减少丢包率。这直接影响语音、视频等实时应用的传输质量。9.【参考答案】C【解析】IPv6地址长度为128位，采用十六进制表示，如2001:0db8:85a3:0000:0000:8a2e:0370:7334。IPv4地址长度为32位。IPv6解决了IPv4地址枯竭问题，并改进了路由效率和安全性。10.【参考答案】A【解析】SNMP（SimpleNetworkManagementProtocol）使用UDP161端口接收管理站请求，UDP162端口发送trap消息。TCP80用于HTTP，UDP53用于DNS，TCP443用于HTTPS。11.【参考答案】A【解析】奇偶校验是最简单的错误检测方法，能检测所有单比特错误，但只能检测奇数个错误。CRC能检测更复杂的错误模式，包括突发错误。校验和也能检测多种错误但不如CRC全面。奇偶校验最简单但功能有限。12.【参考答案】B【解析】BGP（BorderGatewayProtocol）是自治系统间的路由协议（EGP），用于互联网中不同AS之间的路由信息交换。OSPF和IS-IS是自治系统内部路由协议（IGP），用于AS内部的路由选择。13.【参考答案】A【解析】<nav>标签专门用于定义导航链接部分，常用于页面主导航菜单或面包屑导航。<section>定义文档中的节，<article>定义独立文章，<aside>定义侧边内容。HTML5语义化标签让页面结构更清晰，利于SEO和可访问性。这是现代网页设计的核心知识点。14.【参考答案】A【解析】box-sizing属性控制元素的宽高计算方式。值为content-box时（默认），宽高仅包含内容区域；值为border-box时，宽高包含内容、内边距和边框。现代开发中常用border-box简化布局计算，避免宽度超标问题。15.【参考答案】A【解析】push方法向数组末尾添加一个或多个元素并返回新长度。pop删除末尾元素，shift删除首元素，unshift在首元素前添加。数组操作是JavaScript基础，掌握这些方法对数据处理至关重要。16.【参考答案】A【解析】200表示请求成功。301是永久重定向，404表示资源未找到，500是服务器内部错误。HTTP状态码分为五类：1xx信息、2xx成功、3xx重定向、4xx客户端错误、5xx服务器错误。理解状态码有助于调试网络请求问题。17.【参考答案】A【解析】CSS优先级规则：内联样式>ID选择器>类选择器>标签选择器>通配符。id选择器权重为0100，类选择器为0010，标签选择器为0001。当多个选择器作用于同一元素时，优先级高的生效。优先级相同时后定义的覆盖先定义的。18.【参考答案】A【解析】媒体查询（@media）是响应式设计的核心技术，可根据屏幕宽度、设备类型等条件应用不同样式。结合弹性盒子和网格布局，可实现自适应界面。浮动和绝对定位不是响应式的主要手段，表格布局已被现代布局方式取代。19.【参考答案】A【解析】<a>标签通过href属性定义链接目标，target属性控制打开方式。_self在当前窗口打开，_blank在新窗口打开。<link>用于引入外部资源如样式表，href是属性名而非标签，不存在<url>标签。超链接是网页互联的基础。20.【参考答案】A【解析】display:none使元素完全从文档流中消失，不占据任何空间，也不会渲染。visibility:hidden使元素隐藏但仍占据原有空间。若需隐藏元素但不影响布局应用visibility:hidden；若要彻底移除则用display:none。21.【参考答案】B【解析】typeofnull返回object，这是JavaScript的历史遗留bug。null本身表示空对象指针，但类型检测将其归为object。typeofundefined返回undefined，typeofnumber返回number。这个特性在开发中需要注意，可通过Ototype.toString.call准确判断类型。22.【参考答案】A【解析】opacity属性设置元素整体透明度，取值范围0到1，0为完全透明，1为完全不透明。继承自父元素。filter可设置模糊等效果，其中rgba通道也能控制透明度但不常用。transparency不是CSS属性名，alpha是IE滤镜参数。23.【参考答案】A【解析】flex-direction定义主轴方向：row（默认水平从左到右）、row-reverse、column（垂直）、column-reverse。justify-content控制主轴对齐，align-items控制交叉轴对齐，flex-wrap控制是否换行。Flexbox使居中布局变得简单高效。24.【参考答案】A【解析】date类型提供日期选择器，格式为YYYY-MM-DD。datetime已废弃，time仅选时间，month仅选年月。HTML5还新增了email、url、range、color等类型，减少JavaScript验证代码。不同浏览器对日历控件的支持存在差异。25.【参考答案】A【解析】fixed定位相对于浏览器视口，滚动页面时元素位置不变，常用于固定导航栏或回到顶部按钮。absolute相对于最近的非static祖先元素，relative相对于自身正常位置，static是默认值。fixed脱离文档流，不影响其他元素布局。26.【参考答案】A【解析】const声明常量，一旦赋值不能修改，具有块级作用域。let也是块级作用域但可重新赋值。var是函数作用域，存在变量提升问题。static是类成员修饰符。ES6引入const和let替代var，推荐优先使用const提升代码安全性。27.【参考答案】A【解析】Sass/SCSS编译器（如node-sass、dart-sass）将预处理器语法转为标准CSS。Webpack是模块打包工具，Babel转译ES6+代码，ESLint做代码规范检查。预处理器支持变量、嵌套、混合等功能，提升CSS编写效率。28.【参考答案】A【解析】grid-template-columns定义列宽，可用px、%、fr（剩余空间比例）、repeat等值。grid-template-rows定义行高，gap设置间距，justify-items控制对齐。Grid适合二维布局，比Float和Flexbox更灵活强大，现代开发首选。29.【参考答案】C【解析】fetchAPI是现代浏览器提供的Promise风格HTTP请求方案，语法简洁。XMLHttpRequest是传统方式，语法繁琐。Promise是异步编程抽象，setTimeout用于延迟执行。fetch自动处理JSON，支持流式传输，但需要手动处理错误状态码。30.【参考答案】A【解析】<video>标签用于嵌入视频，支持src、controls、autoplay等属性。<source>可指定多种格式备选。HTML5之前用<object>或<embed>插入Flash视频，已被淘汰。<video>支持WebM、MP4、Ogg等格式，跨平台兼容性好。31.【参考答案】A【解析】box-shadow语法：水平偏移（必需）垂直偏移（必需）模糊半径（可选）扩展半径（可选）颜色（可选）inset（可选）。正值阴影右下，负值左上。省略时模糊和扩展默认为0。多阴影可用逗号分隔。32.【参考答案】A【解析】isArray专门检测数组，返回布尔值。typeof和instanceof对数组检测有局限，instanceof在跨iframe场景可能失效。isArray是ES5引入的标准方法，可靠性最高。也可用Ototype.toString.call(arr)==='[objectArray]'替代。33.【参考答案】A【解析】<canvas>通过JavaScriptAPI绘制2D图形、动画和数据可视化。配合getContext('2d')获取绘图上下文。适合游戏开发、图表展示等动态场景。视频用<video>，图片用<img>，表格用<table>。Canvas像素级操作性能高但需手动管理。34.【参考答案】B【解析】rem相对于根元素<html>的font-size，默认16px。em相对于父元素字体大小，存在继承累积问题。px是绝对单位，vw是视口宽度百分比。现代开发推荐用rem控制全局字号，配合clamp实现响应式排版，避免em嵌套导致的尺寸偏差。35.【参考答案】B【解析】DocumentFragment是轻量文档片段，批量操作时只触发一次重排重绘，性能最优。innerHTML虽方便但破坏现有事件监听且不安全。template字符串需配合innerHTML使用。实际开发中根据场景权衡，大数据量优先Fragment或虚拟DOM方案。36.【参考答案】D【解析】减少HTTP请求是最直接有效的手段，合并文件、Sprites图、内联小资源都能显著降低请求数。懒加载优化后续资源，压缩减小体积，CDN加速分发速度。GooglePageSpeed建议优先控制请求数量，再配合其他优化策略达到最佳效果。37.【参考答案】A【解析】z-index只对定位元素（position值为relative、absolute、fixed、sticky）生效，static是默认值无效。同层叠上下文内z-index才比较，父元素z-index也影响子元素层级。常见场景：模态框遮罩、导航栏置顶等。忽略定位条件常导致z-index失效。38.【参考答案】A【解析】JSON序列化法能深拷贝可序列化对象，但会丢失函数、undefined、循环引用。Object.assign和展开运算符是浅拷贝。Object.create创建原型继承对象。完整深拷贝需递归处理或使用lodash.cloneDeep。生产环境推荐结构化克隆算法或专业库。39.【参考答案】A【解析】语义化标签（如<header><nav><main><footer>）帮助屏幕阅读器理解结构，提升无障碍访问；搜索引擎更好索引内容；代码结构清晰便于维护。但语义化本身不直接提升加载速度，加载速度取决于资源体积、请求数量等性能因素。40.【参考答案】A【解析】各浏览器默认CSS重置不同，如padding、margin基数差异。IE曾使用怪异盒模型（怪异模式），标准模式统一为W3C盒模型。解决方案：使用normalize.css或reset.css统一默认样式，设置box-sizing:border-box确保一致行为，避免兼容性问题。41.【参考答案】A【解析】事件冒泡指事件从目标元素向上逐级传播至document。事件委托利用此机制，在父元素绑定处理器，通过event.target识别实际触发元素。优势：减少事件监听数量，动态添加的子元素自动具备交互能力。捕获是从外到内传播，委托通常不用捕获阶段。42.【参考答案】A【解析】width=device-width让页面宽度跟随设备屏幕，initial-scale=1保持1:1缩放比，这是移动端适配的基础配置。width=1024固定宽度不适合所有设备，initial-scale=2会放大显示，user-scalable=no限制缩放影响体验。此标签是移动优先设计的关键。43.【参考答案】A【解析】transition实现属性值变化时的平滑过渡，语法：propertydurationtiming-functiondelay。如transition:all0.3sease。@keyframes用于复杂关键帧动画，transform做变换，filter加滤镜。transition轻量高效，适合悬停、点击等简单状态切换。44.【参考答案】A【解析】target属性定义链接打开位置：_self当前窗口、_blank新窗口、_parent父框架、_top整个窗口。href指定链接地址，rel描述关系如nofollow，name定义锚点。新窗口打开用_blank并建议加rel="noopenernoreferrer"防范安全漏洞。45.【参考答案】A【解析】空字符串是falsy值，会被自动转换为false。但"false"、"0"是非空字符串属于truthy，[]是空数组也是truthy。JavaScriptfalsy值包括：false、0、、null、undefined、NaN。理解此规则对条件判断和三元表达式很重要，避免意外转换错误。46.【参考答案】A【解析】:hover在鼠标悬停在元素上时激活。:active用于按下未释放，:focus用于键盘聚焦，:visited用于已访问链接。伪类扩展选择器能力，:hover常用于按钮反馈、下拉菜单触发等交互效果。移动端tap也可触发但需注意延迟问题。47.【参考答案】B【解析】Node.js是运行在服务端的JavaScript环境，属于后端技术。Vue、React、Angular都是前端框架/库，用于构建用户界面。前端技术栈包含HTML、CSS、JavaScript及各类框架；后端技术栈包含Node、Python、Java等。全栈开发者需同时掌握前后端。48.【参考答案】A【解析】>.child是子选择器，仅匹配直接子元素，层级更深则不匹配。.parent.child是后代选择器，匹配所有层级。.parent+.child匹配紧随其后的兄弟元素，.parent~.child匹配后续所有兄弟。理解选择器层级对精确控制样式至关重要。49.【参考答案】A【解析】箭头函数不绑定自己的this，而是继承定义时所在作用域的this值，即词法作用域。普通函数this由调用方式决定。箭头函数适合回调、定时器、事件处理等场景避免bind问题。但构造函数不能用箭头函数，因为没有new绑定。50.【参考答案】A【解析】localStorage持久存储，除非手动清除数据永久保留；sessionStorage随标签页关闭而清除。两者API相同，容量约5-10MB，存储字符串数据，同源共享。根据数据生命周期选择：用户偏好用localStorage，临时表单数据用sessionStorage。51.【参考答案】D【解析】实现单行省略号需同时设置overflow:hidden隐藏溢出、white-space:nowrap禁止换行、text-overflow:ellipsis显示省略号。三者缺一不可，单独使用无法达到效果。多行省略可用-webkit-line-clamp配合display:-webkit-box实现。52.【参考答案】A【解析】JSON.parse将JSON字符串转为JavaScript对象，JSON.stringify执行相反操作转为字符串。toObject和convert不存在。解析时应捕获异常处理非法JSON。现代API常返回JSON数据，parse是前后端数据交互的基础技能，必须熟练掌握。53.【参考答案】A【解析】float默认值none，元素不浮动。left向左浮动，right向右浮动。浮动元素会脱离文档流，可能产生高度塌陷问题，需用clearfix清除浮动。现代布局中float主要用于图文环绕场景，常规布局已被Flexbox和Grid取代。54.【参考答案】A【解析】<th>定义表头单元格，默认加粗居中显示。<td>定义普通单元格，<thead>定义表头区域，<caption>定义表格标题。语义化表格应使用<thead><tbody><tfoot>分组，配合<thscope="col/row">明确表头关联。这是数据呈现的基础标记。55.【参考答案】A【解析】===严格相等比较值和类型，!==严格不等。==和!=会进行类型转换，如1=='1'为true，存在隐式转换风险。推荐使用===和!==避免意外，除非明确需要类型转换。这是JavaScript基础常识，直接影响代码逻辑的正确性。56.【参考答案】A【解析】border-box让宽高包含内容区、padding和border，不包括margin。这样设置width:100%的元素不会因padding撑破布局，简化尺寸计算。content-box（默认）宽高仅含内容，padding和border另加。现代项目推荐全局设置border-box重置。57.【参考答案】A【解析】DOMContentLoaded在DOM构建完成后触发，不等待样式表、图片加载；load等待所有资源加载完毕。script在<head>时用DOMContentLoaded更早执行。onload是HTML属性写法，readystatechange是IE旧方式。现代开发推荐DOMContentLoaded确保DOM就绪。58.【参考答案】A【解析】vw是视口宽度的百分比，1vw=1%视口宽度；vh是视口高度；vmin取两者较小值；vmax取较大值。用于响应式字体、布局宽度等场景，结合clamp可实现随视口变化的尺寸。px和em固定或相对元素，vw更灵活适配不同屏幕。59.【参考答案】A【解析】controls属性显示浏览器默认播放控件（播放/暂停、音量、进度条等）。autoplay自动播放，loop循环播放，preload控制预加载策略。HTML5视频原生支持无需插件。实际开发中可自定义播放界面增强用户体验，但controls是最基础配置。60.【参考答案】A【解析】border-radius设置圆角，可分别控制四个角：border-radius:10px20px30px40px。百分比值基于元素尺寸。圆形用border-radius:50%配合宽高相等。corner、roundness、curve不是有效CSS属性。圆角是现代UI设计的常用视觉元素。61.【参考答案】D【解析】getBoundingClientRect返回元素大小及相对于视口位置，包含border和padding；offsetWidth包含border和padding及滚动条；clientWidth包含padding不含border和滚动条。三者都可用于获取渲染尺寸，根据需求选择合适方法。62.【参考答案】D【解析】position:fixed/absolute脱离文档流，relative/static参与。display:none完全移除，block/inline参与。float:left/right脱离但影响周围元素。三者都能控制文档流参与状态，实际开发中根据布局需求选择合适的脱离或保持方式。63.【参考答案】A【解析】<audiosrc="file.mp3">指定音频源文件。href用于链接，url是数据类型非属性，data用于data-*自定义属性。HTML5<audio>支持mp3、wav、ogg格式，可与<video>元素对比记忆。多媒体元素是现代Web应用的重要组成部分。64.【参考答案】A【解析】.active匹配所有class包含active的元素，active匹配id为active的元素，active匹配标签名，*active无意义。CSS选择器中点号表示class，井号表示id，标签名前无符号。掌握选择器语法是CSS编写的基础，错误写法会导致样式失效。65.【参考答案】A【解析】pop移除并返回数组末尾元素，push添加元素，shift移除首元素，splice可删除任意位置。pop与push配合实现栈结构，shift与unshift配合实现队列。数组方法丰富，根据数据结构需求选择合适操作，注意pop/splice返回删除元素。66.【参考答案】A【解析】background-repeat控制背景图重复：no-repeat不重复，repeat-x水平重复，repeat-y垂直重复，repeat默认两方向重复。size控制尺寸，clip控制绘制区域，origin控制定位原点。背景属性配合使用可实现丰富的视觉效果和图案设计。67.【参考答案】A【解析】<ul>定义无序列表，<ol>定义有序列表，<li>是列表项，<dl>定义定义列表。列表常用于菜单、导航、项目清单等。语义化标记利于SEO和无障碍访问。无序列表默认圆点，有序列表默认数字，可通过CSS自定义标记样式。68.【参考答案】A【解析】function关键字定义函数，是JavaScript基础语法。def是Python关键字，func是某些语言的缩写，method是面向对象概念非关键字。现代JS还支持箭头函数=>{}和函数表达式constfn=function{}。掌握函数定义方式是编程入门关键。69.【参考答案】A【解析】color属性设置文本颜色，接受十六进制、rgb、rgba、hsl等值。text-color、font-color、foreground都不是CSS属性。颜色设置影响可读性和视觉层次，需注意对比度满足无障碍标准。可继承性使父元素color自动传递给子元素。70.【参考答案】A【解析】alt提供图片不可见时的替代文本，对屏幕阅读器重要，也是SEO因素。title显示悬停提示，src指定图片路径，longdesc提供长描述（已废弃）。alt为空字符串表示装饰性图片。图片替代文本是网页可访问性的基本要求。71.【参考答案】A【解析】order属性控制Flex和Grid容器内项目的视觉排序，数值越小越靠前。z-index控制层叠顺序，float控制浮动方向，position控制定位方式。order不改DOM顺序仅视觉重排，结合媒体查询可实现响应式布局排序变化。72.【参考答案】A【解析】JSON.stringify将对象序列化为JSON字符串，用于数据传输或存储。parse执行反向操作。Object.toString返回[objectObject]而非JSON。注意循环引用、函数、undefined会被忽略或转换。熟悉序列化是前后端交互必备技能。73.【参考答案】A【解析】::before在内容前插入生成内容，需配合content属性使用。::after在内容后插入，first-letter/first-line针对首字母/首行样式。伪元素创建装饰元素而不增加HTML标签，常用于图标、引号等视觉效果，是CSS增强内容的常用手段。74.【参考答案】A【解析】<title>定义浏览器标签页标题和书签名称，位于<head>中。h1是页面主标题，header是头部区域，meta提供元数据。title影响SEO和用户体验，应简洁明确包含关键词。页面应有且仅有一个title元素，区别于正文中的h1等heading元素。75.【参考答案】A【解析】padding设置内容区与边框间的内边距，可分别控制四边。margin设置元素外边距，border设置边框，gap设置Flex/Grid间距。padding影响元素视觉大小但不超出宽高计算（border-box下）。合理设置内边距改善可读性和点击区域。76.【参考答案】A【解析】Object是基础键值对容器，Map是ES6新增专门存储键值对的对象，支持任意类型键。Array是索引集合，Set是无重复值集合。实际开发中Object最常用，Map适合复杂键类型或频繁增删场景。理解各数据结构特性有助于选择合适的存储方式。77.【参考答案】A【解析】no-repeat背景图只显示一次不重复。repeat两方向重复，space均匀分布留间隙，round缩放适应填满不切割。这些值都配合background-repeat使用。合理选择重复模式对背景设计很重要，无重复适合大背景图，有重复适合纹理图案。78.【参考答案】A【解析】<input>创建单行文本输入框，type属性定义类型（text/password/email等）。textarea创建多行文本，select创建下拉选择，form定义表单容器。input是最通用的表单控件，支持多种验证属性和交互方式。表单是实现用户数据收集的核心组件。79.【参考答案】A【解析】font-size设置字体大小，可用px、em、rem、%等单位。text-size无效，font-weight控制粗细，letter-spacing控制字符间距。字体大小影响可读性和层级关系，响应式设计常用rem单位配合根元素字号。注意最小字号一般不低于12px。80.【参考答案】A【解析】find返回第一个满足条件的元素值，filter返回所有满足条件的元素数组，indexOf返回索引，includes返回布尔值。根据需求选择：只需一个结果用find，需要全部用filter，检查存在用includes。这些都是数组常用查询方法。81.【参考答案】A【解析】margin设置元素与其他元素的外边距，控制元素间距。padding是内边距，spacing不是CSS属性，border-spacing仅作用于table单元格间距。margin可设负值实现重叠效果，auto值可使块元素水平居中。