-
color在打印样式中不生效，主要是浏览器默认启用黑白/灰度打印模式，需在打印设置中手动关闭“黑白打印”并开启“背景图形”；CSS仅定义意图，实际效果取决于打印对话框配置。
-
可通过CSS的background和border属性实现背景色、背景图及边框效果：一、用background-color设纯色背景，支持十六进制、RGB、rgba；二、用background-image设背景图，配合repeat和position控制平铺与定位；三、用border-radius设圆角；四、用border简写或单独属性设边框样式；五、组合使用并用background-clip、background-origin精确控制绘制区域。
-
不会，background-image默认绘制在内容层和边框层之下、内边距区域内，不参与文档流，也不会遮挡子元素；问题通常源于z-index负值、position设置不当、文字color未定义或对比度不足。
-
CSS径向渐变用radial-gradient()实现，至少需两个颜色，可指定形状（circle/ellipse）、尺寸（如farthest-corner）和位置（atxy），支持多色与色标控制，现代浏览器均兼容。
-
本文详解如何在ManifestV3扩展中正确监听标签页URL变化，使侧边栏仅对同一origin的页面保持开启，并在跨origin导航时自动关闭。关键在于chrome.sidePanel.setOptions()必须显式传入tabId，否则操作将作用于当前活动标签页而非目标标签页。
-
JavaScript学习应从直接编写可运行的HTML+JS代码开始，如用document.body.innerHTML动态修改页面内容，而非陷入环境配置；变量声明优先用const，函数设计需支持灵活参数，DOM操作应面向真实场景。
-
当多个图片作为flex项置于固定宽度的flex容器中时，需打破图片默认的最小尺寸限制（min-width:auto），通过设置min-width:0启用弹性收缩，并结合width:100%或flex:1实现响应式等比缩放。
-
应优先用rem/em等相对单位调font-size，并配合line-height、box-sizing及父容器宽高设置，避免仅改font-size导致溢出；单行溢出用text-overflow:ellipsis，多行用-webkit-line-clamp或clamp()；响应式需联动调整line-height与min-width等属性。
-
display:none彻底移除元素，不占空间、不响应事件；visibility:hidden仅透明化，仍占布局位置且子元素可能溢出；hidden属性轻量但无过渡、选择局限；无障碍需用sr-only等视觉隐藏技巧。
-
通过aria-label属性为表格单元格中的图标或符号提供可访问的文本标签，可确保屏幕阅读器准确朗读提示内容，替代不可靠的title属性。
-
minmax()定义网格轨道的弹性范围，仅在grid-template-columns/rows或repeat()中生效；常见用法如minmax(200px,1fr)、配合auto-fit实现响应式均分；禁用calc()嵌套和单位混用。
-
HTML5资源获取路径明确：一、用Zeal下载离线文档；二、从官网下载Notepad++、SublimeText或VSCode；三、GitHub搜索html5+template并下载ZIP；四、课程页找资料下载区或GitHub链接；五、浏览器Ctrl+U或F12提取源码。
-
页面加载完成即触发过滤器逻辑，需确保DOM就绪后再操作节点，推荐将JS置于</body>前或监听DOMContentLoaded事件，避免使用window.onload；过滤函数定义须晚于依赖数据声明、早于调用点；应防止重复执行，通过data属性标记并清空旧内容；性能优化需拆分逻辑、批量更新DOM，必要时采用虚拟滚动。
-
HTML表格标题必须使用<caption>标签实现语义化和可访问性，该标签需置于<table>内首位置；可通过CSS的caption-side等属性调整样式；禁用<th>或<div>模拟标题；多语言场景下应为<caption>添加符合BCP47标准的lang属性。
-
动态import()是返回Promise的运行时按需加载函数，静态import是顶层声明式编译期绑定；前者支持变量路径、触发代码分割，后者被提前打包进主包。
