-
纯静态HTML5项目可直接部署Vercel：只需确保根目录有index.html或dist/等标准输出目录、删净node_modules、使用正确相对路径；部署时选StaticSite、BuildCommand留空、OutputDirectory填.或dist。
-
React项目中正确引入Sass需安装sass依赖，改.css为.scss并直接import；用@use实现模块化变量/Mixin；通过.module.scss+CSSModules实现样式局部作用域；注意路径、热更新及嵌套深度。
-
使用:hover与opacity结合可实现鼠标悬停时的淡入淡出效果，常用于按钮、图片等元素。通过设置默认透明度和transition属性，再在:hover状态改变opacity值，实现平滑过渡。示例中元素默认不透明，悬停时变为50%透明度，0.3秒内完成渐变。典型应用包括图片变暗、按钮反馈及配合visibility实现完全隐藏。注意opacity取值范围为0到1，transition需定义在默认状态，子元素会继承父级透明度，影响文字清晰度。该方法性能良好，适合高频交互，提升界面流畅性。
-
HTML标签未闭合或嵌套错位会导致浏览器自动纠错，使DOM结构与源码不一致，引发布局错乱、样式失效、JS获取元素失败；应通过开发者工具Elements面板查看真实DOM、编辑器插件辅助、W3C校验器验证来排查修正。
-
掌握Foundation需理解其四大核心：响应式12列网格系统通过.small-、.medium-、.large-类实现跨设备布局；模块化组件如.button、.top-bar封装常用UI元素；丰富的工具类如.show-for-small-only、.text-center提升样式调整效率；基于Sass的配置支持通过\_settings.scss自定义变量与断点，实现主题统一与性能优化。
-
CSSfilter的contrast()是最快实现图片对比度调整的方式，值为1表示原始对比度，0为灰白，大于1增强，小于1降低；需注意语法括号、元素包裹及兼容性问题。
-
BootstrapCollapse必须引入JS文件（如bootstrap.bundle.min.js）才能生效，仅写data-bs-toggle和data-bs-target不起作用；HTML结构需符合规范，目标容器要有collapse类和唯一id；多折叠项互斥需用accordion容器并设置data-bs-parent；动画异常多因CSS干扰height/opacity过渡；纯CSS方案（如details/checkboxhack）兼容性差、可访问性弱，不推荐生产使用。
-
CSS选择器链过长易引发优先级失控、结构变动导致样式失效、协作修改风险高三大问题，应以语义化类名替代层级依赖，推行模块化实践并谨慎保留必要短链。
-
float使子元素脱离文档流致父容器高度塌陷；解决需触发BFC、clear清除或伪元素clearfix；clear仅避让不归位；float与inline-block混用产生空白间隙；IE6存在float双倍边距bug。
-
fieldset和legend用于表单语义化分组，提升可访问性；fieldset包裹相关控件，legend作为其标题，为屏幕阅读器提供上下文，优于div+h3的纯视觉分组；常用于注册页、支付信息、配置表单等场景；需注意浏览器默认样式、legend定位、disabled属性影响及嵌套使用等问题。
-
HSL偏色主因是s/l极端值在广色域设备映射异常及旧浏览器解析缺陷；RGB需规避非法值、色域外输入与浮点兼容性问题；检测跨色域应优先用ChromeDevTools色域标签或sRGB强制预览。
-
网页打字机效果可通过四种方法实现：一、CSS@keyframes配合steps()实现静态逐字显示与光标闪烁；二、JavaScript递归setTimeout动态插入字符；三、Generator+async/await实现可暂停/恢复的精细控制；四、CSS自定义属性联动JS，用--char-count和ch单位驱动响应式动画。
-
HTML5的<meta>标签中真正影响SEO的是description、robots和viewport三类；keywords等已被忽略；charset必须为UTF-8且置于head最前；结构化数据须用JSON-LD而非meta。
-
Intl是JavaScript内置国际化API，支持日期、数字、货币、列表、相对时间和字符串排序的本地化格式化；需传入语言标签如"zh-CN"创建实例，不处理文本翻译。
-
使用文本编辑器或专业工具如VSCode、WebStorm可编辑HTML文件，通过修改标签、属性调整内容，配合浏览器预览效果。
