-
浮动导致父容器高度塌陷，应优先用clearfix伪元素清除；多列错位主因是box-sizing；IE兼容需zoom:1触发hasLayout；现代方案推荐display:flex或flow-root。140 收藏 -
ServiceWorker是实现Web应用离线运行的核心，通过拦截网络请求、管理缓存和推送通知，在HTTPS或localhost环境下提供离线支持；它独立于主线程运行，注册后可通过install事件预缓存资源，fetch事件实现缓存优先或网络优先的请求策略，并在activate事件中清理旧缓存以完成版本更新，合理配置缓存策略与版本控制可显著提升应用可靠性与用户体验。140 收藏 -
答案：设计CSS打印样式需使用@mediaprint规则，首先隐藏导航、广告等非核心元素，调整字体为衬线体、设正文12pt、行高1.4，确保文本黑色、背景透明，通过page-break-after:avoid防止标题孤立，page-break-inside:avoid保持表格代码块完整，thead设为table-header-group使表头每页显示，p标签设置orphans:3和widows:3避免孤行寡行，链接后添加URL地址，图片居中不浮动，最终实现内容清晰、分页合理、专业可读的打印效果。139 收藏 -
使用Sass的@for循环可批量生成栅格类，如从.col-1到.col-12，通过from...through包含结束值，结合calc()实现动态宽度与边距计算，并能嵌套媒体查询生成响应式类，有效减少重复代码，提升开发效率。139 收藏 -
给img加border-radius最直接但需防裁切；伪元素方案可实现渐变边框，但须设父容器position:relative且适配高清屏。139 收藏 -
现代项目不推荐clear:both，因其属打补丁式清理，破坏文档流、难应对嵌套浮动与响应式，且依赖DOM结构；应优先用display:flow-root、flex或grid等现代布局方案。139 收藏 -
HTML 表格中实现表头与内容行边框无缝连接，可以通过以下方法：方法一：使用 border-collapse 属性这是最常用的方法。将表格的 border-collapse 属性设置为 collapse，可以让表格的边框合并，从而实现表头和内容行之间的边框无缝连接。
通过移除表格默认的border-spacing和内边距（padding），并将内边距应用到单元格（<td>）上，再配合border-collapse:collapse或border-spacing:0，即可实现表头底部边框与表格外边框的视觉无缝衔接。138 收藏
答案：通过为表格单元格设置position:relative，可使其成为绝对定位元素的包含块，从而在单元格内精确控制如角标等子元素的位置。结合实际场景，在td中添加relative定位并配合absolute定位的badge类，能实现“新”标签位于单元格右上角的视觉效果；需注意设置固定尺寸、管理z-index层级，并避免在rowspan或colspan中复杂布局，以确保兼容性与稳定性。137 收藏
font-size不支持平滑CSS过渡，应改用transform:scale()配合transform-origin实现视觉平滑缩放；响应式场景优先使用clamp()+transition:font-size；强制过渡需JS插值。137 收藏
用padding-top百分比能锁住宽高比，因为其值按父容器宽度计算，如16:9设为56.25%；需配合position:relative/absolute、height:0及三层结构实现，避免嵌套干扰。136 收藏
background-clip:padding-box使背景仅显示在内边距区，配合border-radius才能实现背景图圆角裁剪；border-box则默认让背景延伸至边框内侧，视觉上无裁剪效果。135 收藏
传统下拉菜单在无障碍访问方面存在挑战，主要因其常依赖视觉交互而忽视键盘和屏幕阅读器用户的需求。原生<select>元素虽具良好无障碍特性，但样式受限，导致开发者倾向自定义实现，却常忽略内置的键盘导航与ARIA属性支持。自定义菜单若缺乏语义化结构、WAI-ARIA角色与状态定义，以及键盘交互逻辑，将无法被辅助技术正确识别与操作。为增强可访问性，需1）优先使用原生元素或严格遵循无障碍标准构建自定义菜单；2）应用role="combobox"、aria-haspopup、aria-expanded等134 收藏
使用代理可实现数据写入时的验证，通过set拦截器检查属性值是否符合规则，如类型和范围限制，并支持将验证逻辑抽离为可复用的配置对象。134 收藏
正确使用transition属性并优化渲染机制可解决hover卡顿。1.使用transition:background-color0.3sease,color0.3sease，避免transition:all；2.添加will-change:background-color,color或transform:translateZ(0)启用硬件加速；3.对渐变背景采用伪元素+opacity过渡，利用GPU加速；4.通过开发者工具检查重绘与帧率，减少布局重排。134 收藏
用currentColor和CSS自定义属性代替写死颜色值可提升灵活性与可维护性，支持主题切换和语义化；currentColor动态继承文字颜色，适用于边框、图标等；CSS变量集中管理语义化颜色，:root中定义并用var()引用；二者结合可实现主题色自动同步与精细控制。133 收藏
