-
内边框通常指padding或通过box-shadow:inset模拟的视觉效果。1.内边距（padding）控制内容与边框间的空间，配合box-sizing可精准控制布局；2.视觉内边框可用box-shadow:inset实现，如inset0002px#007acc，不影響尺寸且呈現內部邊框效果。根據需求選擇留白或繪線方案。
-
:active伪类用于定义元素被激活时的样式。当用户点击并按住按钮或链接时，触发该状态，常用于改变背景色或文字颜色以增强交互反馈。例如按钮点击时背景变深，松开即恢复；链接可设置点击瞬间变为红色。此效果仅在按下时生效，释放后消失，适合提供瞬时视觉响应。需注意其短暂性，不适用于持久状态切换，应配合JavaScript实现选中等长期效果。在移动端可能响应迟缓，建议结合:hover或触摸事件优化。同时要确保与:focus、:hover等状态协调，避免样式冲突。合理运用:active能有效提升界面响应感和用户体验。
-
JavaScript通过MediaDevices.getUserMedia()获取本地摄像头视频流并绑定到video元素播放；VideoAPI支持播放控制、元数据获取、状态监听、音视频轨道操作及Canvas/WebRTC协同处理。
-
fetch默认不校验HTTP状态码，404/500视为成功需手动检查res.ok；axios默认将4xx/5xx拒绝但需配置响应拦截器处理；两者上传FormData时均不可手动设置Content-Type头。
-
FetchAPI是基于Promise的现代网络请求接口，语法简洁、支持async/await；默认不带Cookie，需显式配置credentials；仅网络错误才reject，HTTP错误需手动检查；通过AbortController可中断请求。
-
:first-child:last-child仅匹配父容器中唯一子元素；需差异化处理首尾时应分开使用，避免混淆:first-of-type；注释等节点会影响匹配，布局间距控制是其典型用途。
-
typeof用于判断基本数据类型，返回字符串表示的类型；instanceof用于判断对象是否是某个构造函数的实例，通过原型链查找。1.typeof可识别基本类型如"string"、"number"、"boolean"、"symbol"、"bigint"、"undefined"、"function"和"object"，但typeofnull返回"object"是历史遗留问题；2.instanceof沿原型链检查对象是否为构造函数的实例，适用于自定义类和继承场景，如判断数组或继承链中的对象；3.typeof更
-
外部CSS在维护性、复用性、协作和性能上优于内联样式。1.维护成本低，修改一处全局生效；2.支持类选择器实现样式复用；3.分离结构与表现，利于团队协作；4.可被浏览器缓存，提升加载效率。
-
border-width本身不能单独显示边框，必须配合border-style和border-color（或使用border简写）才能生效；支持像素值、相对单位及thin/medium/thick关键字，但后者像素不固定；推荐用border简写确保完整定义，响应式场景宜用box-shadow或clamp()替代固定像素。
-
section表达有主题、可独立理解的内容区域，必须含标题；div是无语义布局容器，仅用于样式或脚本。滥用section会破坏语义结构。
-
父级高度塌陷源于absolute元素脱离文档流，解决关键是让父级感知子元素或主动撑高；常用方法是设position:relative提供定位上下文，但需配合内容、padding、min-height等确保高度来源。
-
本文介绍如何通过CSS媒体查询精准控制桌面端图片大小，解决“移动端适配良好但桌面端图片过大”的常见问题，同时保持响应式结构不被破坏。
-
CSS颜色表示方式有五种：1.颜色关键字如red、blue；2.十六进制值#RRGGBB或#RGB，支持#RRGGBBAA透明度；3.rgb()函数用0-255或百分比定义，rgba()支持透明；4.hsl()基于色调饱和度亮度，hsla()支持透明；5.新语法支持rgb/hsl直接加alpha，如rgb(25500/50%)。
-
当家族树节点名称过长或分支过多时，CSS默认布局会导致内容重叠或截断；通过为li元素设置width:max-content，可强制其宽度适配最长子内容，并配合容器溢出处理实现水平滚动。
-
面包屑导航的HTML结构通常在header.html、index.html或主布局文件中修改，位于<navaria-label="breadcrumb">或class="breadcrumb"的<ol>/<ul>容器内。
