-
border-radius支持四角独立设置，按顺时针顺序对应左上、右上、右下、左下；可为每角分别指定水平/垂直半径实现椭圆角；需注意overflow:hidden截断、兼容性及设计一致性。
-
:first-child是CSS伪类，匹配父元素下第一个子元素且标签名与选择器一致；它按位置匹配，而非类型，若首个子元素非目标标签则不生效。
-
CSS加载闪烁（FOUC）是指HTML先渲染无样式的结构，待CSS下载解析后页面突然跳变成最终样式。优化需三管齐下：内联首屏关键CSS（≤12KB）、预加载剩余关键CSS（rel="preload"as="style"+onload回填）、非关键CSS用media属性延迟加载。
-
实现图像与文字动态切换有五种方法：一、CSS伪元素与属性选择器；二、JavaScript动态innerHTML替换；三、CSS类名切换配合display控制；四、picture元素响应式切换；五、Canvas绘制切换。
-
async/await是基于Promise的异步语法糖，使异步代码更线性易读；async函数自动返回Promise，await暂停执行并等待Promise完成，需在async函数内使用且错误须用try/catch捕获。
-
可用HTML创建浪漫表白页，含静态页、交互按钮、音画沉浸式及响应式四类方案，分别通过内联CSS、JavaScript、audio/img标签和媒体查询实现。
-
答案是使用HTML的a标签创建超链接，基本格式为文字，添加target="_blank"可在新窗口打开，通过id属性可实现页面内锚点跳转。
-
<p>应使用class替代重复的内联style，统一管理样式；用CSS自定义属性管理常量；通过data-属性实现轻量状态控制；借助@layer分层控制优先级，提升可维护性与语义化。</p>
-
navigator对象是浏览器提供的全局接口，用于获取浏览器环境、操作系统及硬件能力等信息。1.常用属性和方法包括：navigator.userAgent获取用户代理字符串；navigator.platform获取操作系统平台；navigator.cookieEnabled判断Cookie是否启用；navigator.onLine检测网络状态；navigator.language/languages获取语言偏好；navigator.hardwareConcurrency获取逻辑核心数；navigator.
-
冷色调需用hue-rotate(-60deg至-120deg)主导，辅以brightness(1.05)和saturate(1.1)，避免contrast()和grayscale()误用，注意Safari/IE兼容性及移动端性能瓶颈。
-
HTML5无法自动校正扫描件倾斜，需前端JavaScript处理：用Canvas+getImageData做像素级几何变换，或CSS仅视觉微调，或第三方库实现透视校正；注意iPad性能限制与预处理必要性。
-
Flexbox嵌套布局指在flex容器的子元素中再次使用flex容器，实现多层级独立排版控制。外层容器管理一级子元素分布，内层容器控制自身子元素排列，每层需单独设置display:flex。常用于卡片、仪表盘等复杂响应式布局，通过合理设置方向与对齐属性，可构建清晰结构，但应避免过度嵌套并注意样式重置。
-
该用document.cookie而非localStorage时：需服务端自动收发凭证（如HttpOnlytoken）、防XSS、兼容低版本浏览器或隐私模式；localStorage无法自动发送至后端且易受XSS攻击。
-
CSS无法直接检测图片加载失败，但可通过onerror事件动态添加class（如load-failed）并用CSS定义降级样式；属性选择器仅适用于初始src为空的静态兜底，无法响应加载失败状态。
-
清除浮动必须作用于父元素，因为clear属性仅对同属一个BFC的紧邻浮动兄弟元素生效，无法跨层级影响子元素；浮动子元素脱离文档流导致父元素高度塌陷，故需在父元素内（如::after伪元素）触发清除以恢复正常布局。
