-
最常用写法是tr:nth-child(odd)和tr:nth-child(even)，但需注意它按父容器中所有tr位置计数，thead/tfoot中的tr也参与计数，易导致隔行变色错位；应限定为tbodytr:nth-child(odd)以确保仅作用于数据行。
-
JavaScript通过DOM接口动态更新网页元素，无需刷新页面：先用getElementById、querySelector等获取元素，再用textContent、innerHTML等修改内容，setAttribute或classList操作属性与样式，appendChild等方法增删节点，并结合事件监听与异步请求实现交互。
-
使用CSSFlexbox可轻松创建响应式图片画廊，通过display:flex和flex-wrap实现自动换行与等比缩放，结合gap设置间距，flex属性控制最小宽度（如200px）并允许伸缩，配合媒体查询优化小屏显示（如600px以下设为150px），确保在不同设备上均具有良好视觉效果。
-
poster属性仅支持同源静态图片路径，不支持网络地址、空字符串或DataURL；本地file://协议下失效；需确保HTTP200响应及正确MIME类型（image/jpeg或image/png），推荐使用相对路径且尺寸匹配视频分辨率。
-
将表单设为Flex容器，通过flex:1、box-sizing:border-box和gap控制布局；嵌套容器实现并排输入框，配合媒体查询在小屏垂直堆叠，确保响应式适应。
-
本文详解如何通过CSS的position:absolute与z-index配合，使<details>元素在点击展开时脱离文档流、层叠显示于其他<article>之上，解决默认展开导致页面重排和视觉遮挡问题。
-
浮动元素无法通过z-index改变层级，因其未创建层叠上下文且z-index仅对定位元素有效。需同时设置position为relative、absolute等非static值才能使z-index生效。例如添加position:relative后，z-index即可正确控制层叠顺序。需注意父容器若创建了层叠上下文（如设置opacity），仍会影响子元素的最终显示层级。
-
答案：HTML图片居中可通过CSS实现，常用方法包括text-align:center使父容器内图片水平居中；margin:auto配合display:block实现块级居中；Flex布局通过justify-content和align-items实现水平垂直居中；Grid布局使用place-items:center简洁完成双向居中，根据需求选择合适方案。
-
目前主流且常用的浏览器JS传感器API包括：1.DeviceOrientationEvent和DeviceMotionEvent，用于获取设备方向与加速度数据，支持倾斜控制与运动检测；2.AmbientLightSensor和ProximitySensor，基于W3CGenericSensorAPI，可检测环境光强度与物体接近程度；3.GeolocationAPI，提供设备地理位置信息，广泛用于地图与LBS服务。这些API在游戏、阅读、健身等场景中实现沉浸式交互，但使用时需注意权限管理、HTTPS安全上下
-
使用:hover与transition可实现平滑的CSS动画效果，如按钮悬停变色、卡片缩放等，无需JavaScript且性能良好。通过设置transition控制颜色、大小、位置等属性的变化过程，结合transform和opacity等GPU加速属性可提升流畅度，支持多属性过渡与不同缓动函数，增强交互层次感。需注意在默认状态定义transition，避免使用影响性能的layout属性及不支持过渡的display和visibility，同时考虑移动端hover兼容性问题。
-
本文介绍如何使用async/await在JavaScript中编写顺序执行的异步循环，确保每个fetch请求严格等待前一个响应完成后再发起，从而保证请求与结果输出的时序一致性。
-
绝对定位文字和图片底部对齐偏差源于img默认inline特性及基线对齐机制；应统一vertical-align、用transformtranslateY微调，并在图片尺寸不确定时优先采用flex布局或top:50%+translateY(-50%)实现稳定居中。
-
<marquee>在现代浏览器中失效，因HTML5不支持、广告插件主动删除、Chrome120+/Firefox125+默认禁用渲染；应改用CSS@keyframes+transform:translateX()实现滚动，并注意命名、时长、性能及容器样式等细节。
-
HTML5布局中元素间距问题可通过四种方法解决：一、用margin设置外边距；二、用gap控制Flex/Grid子项间隙；三、用padding增加内边距；四、用伪元素插入间隔节点。
-
可实时运行HTML代码的交互式编辑框可通过三种方案实现：一、CodeMirror+iframe动态执行，用document.write渲染；二、JSFiddle风格iframe沙箱，用srcdoc属性加载；三、MonacoEditor+BlobURL，提供专业编辑体验。
