-
答案：CSS的transition、transform和animation协同工作，transform定义元素空间变化，transition实现属性变化的平滑过渡，animation通过关键帧创建复杂自动动画；结合使用时应明确职责、避免冲突，并优先采用transform和opacity以提升性能。
-
CSS引入失败需四步排查：路径是否正确（优先绝对路径）、Network中状态码与Content-Type是否为200/text/css、link是否在head中且未被JS移除、选择器是否匹配或被覆盖。
-
懒加载是HTML5页面刚需，应优先用IntersectionObserver实现，并配loading="lazy"降级；对img/iframe用data-src，广告位需防伪懒加载，禁用自动发现并延迟加载SDK。
-
CSS径向渐变用radial-gradient()实现，至少需两个颜色，可指定形状（circle/ellipse）、尺寸（如farthest-corner）和位置（atxy），支持多色与色标控制，现代浏览器均兼容。
-
用linear-gradient叠加多层渐变是实现彩光效果最灵活、兼容性较好的方式，核心是逗号分隔多层渐变并从后往前堆叠，通过透明度、角度和位置控制光感与流动感。
-
用display:flex实现响应式导航栏核心是断点控制与可访问性保留：主容器设flex，子项用flex:11auto并加min-width:0；移动端用aria-controls和role="menu"配合JS焦点管理，避免display:none或transform隐藏。
-
本文介绍在URL包含多个同名查询参数（如foo=1&foo=4）时，如何仅删除其中特定值（如foo=4）的参数项，而非清空所有同名参数，避免URLSearchParams.delete(key,value)的误用陷阱。
-
MaterializeCSS是对MaterialDesign的轻量级近似实现，需按jQuery→velocity→materialize顺序加载依赖，表单控件须手动初始化，网格系统与官方规范不一致。
-
使用::before伪元素结合content可实现无额外标签的提示效果，如通过a[target="_blank"]::before添加新窗口箭头提示，或利用content:attr(data-tip)动态读取data-tip属性值生成气泡提示，再配合::after制作小三角增强视觉，使提示更简洁美观。
-
Jimdo网站实现HTML5通知需分四步：一、在页脚代码调用Notification.requestPermission()申请权限；二、权限获准后用newNotification()触发通知，可加setTimeout延迟；三、添加按钮手动触发并处理权限状态；四、因API不支持定位，可用浮动DOM模拟通知样式。
-
外部CSS必须通过<linkrel="stylesheet">引入并置于<head>中，路径需正确（相对或根相对），且避免缓存干扰；否则样式不生效。
-
JavaScript原生提供模板字符串（反引号包裹，支持${expression}插值），可嵌入变量、表达式、函数调用、多行文本及HTML片段，并可通过标签函数实现转义等高级功能。
-
滚动条的显示由内容是否溢出及overflow属性决定，通过CSS可控制其行为与样式。当内容超出容器尺寸时，overflow:auto或scroll会触发滚动条；利用overflow:hidden结合-ms-overflow-style:none、scrollbar-width:none和::-webkit-scrollbar可隐藏滚动条但仍保持滚动功能；在响应式设计中，可通过JavaScript动态设置body的overflow属性实现弹窗时禁用页面滚动而保留局部滚动，满足不同交互需求。
-
本文详解如何在Dash应用中，基于用户交互（如勾选选项）生成Plotly图表后，点击按钮将其完整导出为可离线查看的HTML文件，解决常见“空白图”或“无法下载”的问题。
-
JavaScript表单验证以正则表达式为核心，涵盖邮箱、手机号、密码、身份证等高频场景；需在submit事件中集中校验并阻止默认提交，结合前端提示与后端二次校验。
