-
color在打印样式中不生效，主要是浏览器默认启用黑白/灰度打印模式，需在打印设置中手动关闭“黑白打印”并开启“背景图形”；CSS仅定义意图，实际效果取决于打印对话框配置。
-
HTML下拉框加id属性直接在<select>标签写id="xxx"即可，该id是DOM中唯一定位标识，JS用document.getElementById()或querySelector()可获取；id值须合法且唯一，操作下拉行为必须设在<select>上而非<option>。
-
flex容器需设width:100%或max-width:100%才能响应小屏，否则子元素flex:1无效；须配合box-sizing:border-box、慎用min-width、显式声明flex-direction，嵌套层级越多越需逐层约束宽度。
-
函数式响应式编程（FRP）是一种结合函数式与响应式编程范式的编程思想，其核心是将随时间变化的数据抽象为流，并通过纯函数对流进行变换和组合。在JavaScript中，FRP利用Observable表示异步数据流，借助map、filter、debounce等操作符处理事件流，如用户输入、网络请求等。常用库包括RxJS、Most.js和xstream，适用于表单验证、自动补全、路由变化和动画控制等场景。FRP强调声明式编程，避免共享状态和副作用，使复杂异步逻辑更清晰可控。
-
:first-child要求元素必须是父容器的第一个子节点，而:first-of-type只匹配同类型元素中首个出现的；前者易受注释、空格或前置标签影响，后者更适用于找某类元素的第一个实例。
-
合理组织数据、减少GPU调用并利用硬件能力是WebGL高性能渲染的关键。1.着色器应简洁，避免片元着色器复杂计算与分支；2.静态数据一次性上传，动态数据局部更新，合并缓冲减少drawcall；3.按材质分组渲染，使用纹理图集，缓存状态减少切换；4.正确启用深度测试，关闭不必要的混合；5.利用FBO进行离屏渲染，复用中间结果；6.使用开发者工具监控性能，结合视锥剔除与LOD优化绘制量。
-
HTML中直接敲空格会被浏览器折叠为一个，需用 保留空格、<pre>或white-space:pre-wrap等CSS属性控制空白显示，语义与表现层需区分使用。
-
HSL的亮度（L）更易读，因其是0%–100%直观数值：0%纯黑、50%原色平衡、100%纯白；相比RGB需调三值、HEX不可读，HSL让明暗调整一目了然。
-
全屏遮罩导航点不开的主因是pointer-events:none拦截或z-index不足；iOSSafari中100vh会塌陷，需用min-height+height组合或JS动态设置--vh；滚动卡顿应分离蒙版与内容容器并设overscroll-behavior；动画须分步监听transitionend而非简单toggle。
-
用[class="xxx"]可匹配类名含指定子串的元素，如button[class="btn-"]选中所有含"btn-"的按钮，但不区分单词边界；需全词匹配时应使用[class~="xxx"]。
-
在CSS中实现数据卡片堆叠的核心方法是使用position属性与z-index属性配合。1.首先为父容器设置position:relative，创建定位上下文；2.为每张卡片设置position:absolute，使其脱离文档流并允许自由定位；3.通过设定不同z-index值控制堆叠顺序，数值越大越靠前；4.使用top和left属性错开卡片位置形成视觉层次；5.当遇到z-index不生效时，需检查元素是否处于同一层叠上下文，并确保设置了非static的position属性；6.可通过CSStransiti
-
@import是CSS语法，只能在style标签或CSS文件中使用，用于导入外部样式表。正确用法需置于CSS规则开头，支持媒体查询但存在性能问题，因阻塞渲染且延迟加载。相比HTML的link标签，@import无法并行下载，影响页面性能。推荐优先使用link标签引入CSS，仅在模块化管理、主题切换或维护遗留代码时使用@import。
-
HTML5需用canvas手动加水印：先drawImage绘制原图，再fillText叠加文字或createPattern贴图；注意图片加载、跨域、dpr适配及toDataURL导出细节。
-
SVG元素本身支持classList.toggle()，但若CSS样式未生效（如fill变化不可见），往往因SVG内联属性、CSS优先级或缺失尺寸导致渲染异常，而非API不可用。
-
border失效主因是inline元素行高遮挡或单位缺失，应改用display:inline-block/block并写全单位；box-shadow为纯视觉装饰，inset阴影在border内侧，二者层叠顺序固定，IE8不支持box-shadow和rgba边框。
