-
CSSTidy因长期不维护、不支持现代CSS语法（如自定义属性、嵌套、@layer）、静默丢弃规则、解析错误且性能差，已被PostCSS+cssnano或lightningcss等更稳定可控的工具替代。
-
Grid容器空白过大应优先检查gap缺失或padding/margin干扰，正确使用gap统一控制项间间隙，避免为网格项设margin破坏布局。
-
使用CSS属性选择器[attr^="value"]可匹配属性值严格以指定字符串开头的元素，区分大小写；添加i标志可忽略大小写，如[lang^="en"i]。
-
骨架屏需服务端或构建时静态输出，与真实内容共存并用CSS控制显隐，确保尺寸、响应式及加载时机与真实UI完全一致。
-
:focus在元素获得焦点时生效，与鼠标动作无关；:active在鼠标/触控按下瞬间触发且瞬态存在；二者触发条件正交、生命周期不同，常共存于表单交互。
-
JavaScript是让网页交互动态化的编程语言，运行于浏览器和Node.js，可响应操作、更新内容、通信服务器、控制样式；零基础可从待办清单项目入手，用记事本+浏览器即可实践。
-
JSON是轻量级数据交换格式，非编程语言，语法独立于语言但类似JavaScript对象字面量；要求双引号、无注释、顶层仅object或array；JSON.parse()严格校验，JSON.stringify()忽略undefined/function并丢失类型信息。
-
Puppeteer截图+FFmpeg合成MP4是最可行方案：启动Chromium实例准确渲染各类内容，逐帧截图后用FFmpeg严格按帧率、尺寸、无音频参数合成视频，需注意环境字体、权限及动态内容就绪检测。
-
最直接办法是用display:inline-block或flex；inline-block保留块级特性但有空白间隙，flex更可靠且支持对齐、等高、响应式伸缩，推荐现代页面使用。
-
本文介绍一种基于CSS@keyframes与transform:translateX()的纯声明式自动水平滚动方案，无需手动管理帧循环或状态，兼容性好、性能高，适用于国家卡片等横向流式布局场景。
-
一、内联样式通过在HTML标签中添加style属性设置单个元素样式，如<pstyle="color:red;font-size:16px;">；二、内部样式表在<head>中使用<style>标签定义当前页面的公共样式，如body{font-family:Arial;}；三、外部样式表将CSS保存为独立.css文件并通过<linkrel="stylesheet"href="styles.css">引入，便于多页共享；四、@import可在CSS中导入其他样式
-
优先用overflow-wrap:break-word，它只在必要时折行且不破坏单词语义；flex/grid容器需加min-width:0才生效；移动端需双写word-wrap和overflow-wrap；避免使用已废弃的word-break:break-word。
-
使用CSSGrid可高效实现图文混排布局，通过grid-template-columns定义列宽、gap设置间距，结合grid-auto-rows与minmax实现多行自适应布局，利用grid-template-areas配合媒体查询完成响应式设计，使内容结构清晰且易于维护。
-
JavaScript无内置安全边界，所有安全依赖开发者对环境、数据流和信任边界的清醒认知；浏览器中JS仅有沙箱限制而非特权，易受XSS、CSRF等攻击，需严格防范输入、凭证、第三方脚本及CSP配置。
-
JavaScript所有对象都必然参与原型链，这是语言底层机制决定的；空对象能调用toString是因为其[[Prototype]]默认指向Object.prototype，引擎沿链向上查找方法。
