-
Flex子项默认不收缩到内容宽度以下是因浏览器强制设定「最小内容尺寸」下限，由最长不可折行内容（如长单词或图片）决定；该尺寸是flex-shrink的收缩极限，min-width:0可覆盖此限制使收缩生效。
-
给表单添加标题有两个方法：1.使用<legend>标签配合<fieldset>，适合包裹一组控件并加说明文字，语义清晰且对屏幕阅读器友好；2.直接使用<h1>到<h6>普通标题标签，更常见且易控制样式，适合大多数网页场景。同时要注意标题层级应符合页面结构，保持简洁易读，避免与网页标题混淆，确保表单标题作为页面的一部分用合适的标题级别区分，从而提升易用性和条理性。
-
答案：通过CSS的background-clip和animation实现文本渐变动画。首先设置linear-gradient背景并用background-clip:text裁剪至文字区域，配合color:transparent显示背景色；接着定义@keyframes动画改变background-position或background-size，使渐变流动；通过调整background-size控制速度，animation-timing-function和animation-direction优化动效节奏与
-
HTML本身不能直接CDN加速，需将script/link/img等外部资源托管至CDN并替换为CDN域名；通过浏览器Network面板检查请求URL域名是否为CDN地址来判断是否生效。
-
href属性的常用值包括绝对URL（如https://www.example.com）、相对URL（如about.html）、锚点链接（如#sectionID）、电子邮件链接（mailto:email@example.com）和电话链接（tel:+1234567890）；2.控制链接打开方式使用target属性，_self在当前标签页打开，_blank在新标签页打开并建议添加rel="noopenernoreferrer"以提高安全性，_parent在父框架打开，_top在整个窗口打开；3.a标签不仅能链
-
动态创建<style>元素并调用CSSStyleSheet.insertRule()后，样式规则虽已成功添加到sheet对象中，但<style>元素内部仍为空；本文详解其根本原因及可靠解决方案。
-
JavaScript在浏览器中经解析、编译、执行三阶段运行：先词法分析生成AST并检查语法；再由Ignition转字节码、TurboFan优化热点函数为机器码；最后通过调用栈、堆内存和事件循环协同执行，微任务优先于宏任务。
-
Vuetify的v-list-group默认为单展开模式，需通过在父级v-list上设置expand属性才能实现多个分组同时展开，该属性可禁用自动折叠行为。
-
答案：flex-grow直接使用transition动画兼容性差，推荐用width或transform替代。具体描述：flex-grow虽为数值属性，但浏览器对其过渡支持不一致，易出现卡顿或无动画；建议通过width变化配合transition实现布局伸缩，或使用transform:scaleX()制作视觉伸展效果，后者不影响文档流；若坚持使用flex-grow动画，需确保父容器为flex布局且子元素宽度未固定，并在现代浏览器中测试验证。
-
MIME类型错误主因是服务器返回Content-Type不正确或资源未加载，而非缺少type属性。应正确设置link的type="text/css"，确保服务器对.css文件返回text/css类型，检查路径准确性并避免file://协议问题。
-
CSS加载失败时浏览器不会自动回退，必须由开发者主动提供备用样式；@import无法实现fallback；最可靠方案是onerror+document.write插入内联样式；现代方案可用CSSStyleSheet动态注入。
-
class是JavaScript中定义构造函数和原型方法的语法糖，强制new调用、不提升、方法不可枚举、继承必须super()、静态/存取器声明更直观但无法动态添加成员。
-
优先使用类选择器并遵循语义化命名（如BEM），避免深层嵌套和过度使用ID、通用选择器，控制伪类与属性选择器复杂度，杜绝滥用内联样式和!important，提升CSS性能与可维护性。
-
Esc键是最可靠退出方式，浏览器原生支持且不受JS卡死影响；F11无效于视频全屏；脚本退出需兼容处理；鼠标悬停无反应可双击或右键；刷新页面可重置全屏状态。
-
用浏览器另存为PDF最简单：按Ctrl+P→选“另存为PDF”→保存；需确保页面完全加载，勾选“背景图形”，注意CSS分页控制和文件校验。
