-
text-shadow的第三个参数是模糊半径，决定阴影边缘柔和度，单位为像素且必须非负；0值跳过高斯模糊，导致硬边；多层阴影中各模糊半径独立计算；过大值（>10px）易引发重绘卡顿。
-
HTML前端与后端数据交互的八种常用方式：一、表单提交；二、XMLHttpRequest异步请求；三、fetchAPI；四、WebSocket双向实时连接；五、JSONP跨域请求；六、FormData上传文件；七、隐藏iframe无刷新提交；八、Server-SentEvents服务器推送。
-
按钮悬停效果生硬源于未设过渡动画或transition不合理；应指定具体属性如background-color、transform等，配cubic-bezier缓动函数与0.2–0.3s时长，并用transform+will-change提升性能。
-
HTML页面空白通常因结构缺失、内容位置错误或编码问题导致，首先检查是否包含DOCTYPE、html、head、body等基本标签；其次确认显示内容位于body内而非head；接着通过F12打开控制台查看是否有JS错误或资源加载失败；确保文件以UTF-8编码保存并在head中声明metacharset="UTF-8"；最后核对外部资源路径是否正确，使用相对或绝对路径时避免拼写错误。
-
gap属性是CSSGrid中用于设置网格行与列间距的简写属性，等同于row-gap和column-gap，作用于网格容器，自动在网格项之间创建均匀间隔。语法支持单值统一设置或双值分别定义行、列间距，如gap:15px或gap:20px10px。相比传统margin，gap不会出现在容器边缘，避免了边距重叠与额外空白问题，布局更整洁。适用于卡片、表单、仪表盘等场景，提升可读性与响应式表现。现代浏览器广泛支持，建议优先使用gap控制网格整体间距，避免与margin混用，以增强布局效率与维护性。
-
Flex布局与相对/绝对定位结合可实现灵活且精准的网页布局。2.Flex容器设置position:relative可为内部absolute元素提供定位基准，如角标或浮层。3.绝对定位元素脱离文档流，不参与Flex排列，适用于叠加按钮、图标等装饰性内容。4.示例中卡片布局通过relative容器和absolute按钮实现右上角固定关闭按钮，不影响Flex内部结构。5.注意父级需设relative以建立定位上下文，避免在absolute元素上使用flex属性，并防范响应式中溢出裁剪问题。6.合理搭配可兼顾布局
-
HTML5中不存在IFC_html5标准，IFC是CSS定义的行内格式化上下文，由display:inline等触发，用于排版行内级元素；其行为受white-space、line-height、vertical-align等CSS属性控制，与HTML5语义无关。
-
HTML5HistoryAPI的state不加密且不持久化，所谓“加密”需开发者手动实现；应仅存必要标识符并由服务端校验，避免前端加密敏感数据。
-
JSON.parse()解析失败必定抛出SyntaxError异常而非返回null；空字符串、null、undefined均报错；不支持尾随逗号、注释、undefined、NaN、函数；需用try...catch包裹并校验输入类型与content-type。
-
box-sizing:border-box没生效最常见的原因是样式被更高优先级规则覆盖或未正确应用到目标元素，需检查开发者工具确认是否真实生效、伪元素需单独设置、全局重置应包含::before/::after并排除特定表单控件。
-
最有效的方式是使用浏览器开发者工具实时调试CSS。通过检查元素确认选择器是否匹配，查看被划掉的属性以识别优先级冲突，验证继承与计算样式，并利用BoxModel分析布局；同时排查拼写错误、缺少分号、单位错误等常见问题，结合设备模拟测试响应式效果，通过修改样式即时预览结果，逐步定位并解决特异性、!important干扰及继承问题。
-
执行上下文是函数调用时严格创建的有生命周期的对象，分创建与执行两阶段；它决定this、作用域链、变量查找等，而非运行时自然形成。
-
HTML中连续空格被浏览器合并导致文字紧贴，应使用 、CSS的white-space（如pre-wrap）或letter-spacing等方案解决，而非依赖源码空格。
-
浮动属性float用于元素靠左或靠右排列，实现文字环绕或布局，取值有left、right、none、inherit；浮动元素脱离文档流，导致父容器塌陷，需用clear:both或伪元素clearfix清除。
-
height:auto无法直接过渡，应改用max-height实现“伪auto”动画；若高度不可预估，则需JS动态获取scrollHeight并设置精确height值。
