-
CSS过渡与transform结合可实现流畅交互动画。1.transition控制变化过程，transform定义形变效果；2.hover时scale实现按钮放大，rotate完成图标旋转；3.多函数组合如scale(1.05)rotate(5deg)增强视觉层次；4.配合transform-origin和缓动函数优化动画表现，提升用户体验且性能高效。
-
rgba()比opacity更安全，因只让背景透明而文字保持100%不透明；其alpha值须为0–1小数，非百分比或整数；深浅色模式下需配合CSS变量或@media适配；IE8不支持但IE9+支持，可降级为纯色；叠加时透明度按混合规则计算而非相加。
-
overflow属性用于控制内容溢出容器时的显示方式，其常用取值包括visible（默认，内容可见）、hidden（裁剪溢出内容）、scroll（始终显示滚动条）和auto（按需显示滚动条）；可通过overflow-x和overflow-y分别控制水平与垂直方向的溢出行为；常用于创建滚动区域、隐藏溢出内容、清除浮动（触发BFC）及实现横向滑动效果，合理使用可提升布局稳定性与用户体验。
-
可以通过HTML的<object>或<embed>标签嵌入PDF文件，但效果受浏览器和设备影响。1.使用<object>标签可提供备用内容且兼容性较好，语法为：<objectdata="example.pdf"type="application/pdf">，不支持时显示提示信息；2.<embed>标签更简洁，仅需设置src和type属性，但不支持备用内容；3.注意事项包括浏览器支持差异（如Safari预览限制）、移动端体验不佳及跨域问题；4.替代
-
外边距合并不是bug而是CSS规范行为：垂直相邻块级元素的margin-top/margin-bottom会取较大值合并。典型场景有相邻兄弟元素、父子塌陷、空元素自合并；推荐用BFC（如display:flow-root）、统一设margin-bottom、gap或微调padding/border来隔离。
-
HTML5原生不提供页面加载进度条，progress标签需手动控制value和max；可用document.readyState+setTimeout粗略模拟，或PerformanceObserver监听资源加载，但均属估算而非精确反映。
-
Vite的热更新通过ES模块与WebSocket实现，文件变更后精准替换模块。1.监听文件变化；2.分析依赖关系；3.推送更新消息；4.客户端处理替换。相比Webpack，Vite无需打包、按需编译，速度更快。
-
Bulma表单输入框异常主因是control与input类嵌套不规范或缺失：input必须置于class="control"容器内，且自身需有input类；避免直接写input标签、误将control加于input上、引入其他UI框架CSS冲突或自定义样式覆盖。
-
最稳的HTML实体解码方式是创建临时div元素，设置innerHTML为待解码字符串，再读取textContent；需提前判断非字符串类型，Node.js环境可用he库替代。
-
<marquee>不支持border-radius因其非标准、盒模型未定义且被主流浏览器废弃；需用div+@keyframes实现：外层设overflow:hidden和border-box，内层用transform:translateX()动画。
-
box-reflect已废弃，仅Safari支持且不稳定；推荐用伪元素+渐变模拟倒影，需注意父容器定位、响应式高度、渐变遮罩、翻转对齐及overflow裁剪等问题。
-
本文介绍使用rvest包从本地HTML文件中精准提取<meta>标签的name和content属性，尤其适用于批量解析元数据（如creation_date、subject、to等），提供通用方案与针对性单值提取两种实践方式。
-
flex-direction:column实现底部自适应的关键约束是父容器必须有明确高度（如min-height:100vh），否则flex:1或margin-top:auto失效；仅中间内容区设flex:1，头部和底部用flex:00auto。
-
CSStransition无法在sticky元素动态添加类时生效，根本原因是其初始高度为auto，而CSS过渡要求起始和结束值均为可计算的具体数值（如px），本文提供兼容性好、无需重排干扰的纯CSS+JS巧妙解法。
-
本文介绍一种基于CSS@keyframes与transform:translateX()的纯声明式自动水平滚动方案，无需手动管理帧循环或状态，兼容性好、性能高，适用于国家卡片等横向流式布局场景。
