-
CSS层叠是按权重、来源、顺序三级裁定样式的覆盖规则，而非简单“后写赢”；浏览器收集所有匹配规则后排序，最后生效的是排序末位的声明。
-
使用<details>和<summary>标签可原生实现内容折叠与展开，无需JavaScript；2.<summary>为标题且必须是<details>的第一个子元素，默认折叠，添加open属性可默认展开；3.可通过CSS隐藏默认标记并自定义指示符样式，如用::before实现加号/减号切换；4.原生支持键盘导航与屏幕阅读器，具备良好无障碍性，但自定义时需确保视觉提示清晰；5.可通过JavaScript监听toggle事件实现动画、异步加载、状态记忆及手风琴
-
text-shadow仅作用于文字内容，不支持inset且无法影响背景或边框；box-shadow支持inset、spread-radius及多层阴影，但需注意渲染顺序与性能限制。
-
标签模板字符串通过标签函数控制字符串解析，可实现安全转义、DSL构建等高级功能。
-
防抖和节流是防止事件失控的必要手段，用于应对scroll、input等高频事件导致的渲染卡顿、接口过载等问题；防抖适用于“用户停手后执行”，如搜索联想；节流适用于“定期执行”，如滚动加载。
-
outline不是外发光，它仅为可访问性设计，不支持圆角、模糊、分方向设置；真正外发光必须用box-shadow多层叠加实现。
-
用记事本写HTML需注意：文件名必须为index.html（小写），编码选UTF-8（无BOM）；必备四要素——<!DOCTYPEhtml>、<htmllang="zh-CN">、<head>中<metacharset="UTF-8">（在<title>前）、非空<body>；本地双击打开用file://协议，图片用相对路径，JS模块需本地服务；验证用W3C校验器。
-
Promise是JavaScript中处理异步操作的方式，通过三种状态（pending、fulfilled、rejected）管理异步结果。1.创建Promise使用newPromise(resolve,reject)；2.用.then()处理成功，.catch()捕获错误；3.可链式调用实现多个异步操作顺序执行；4.Promise提供静态方法如Promise.all()、Promise.any()、Promise.race()来处理多个Promise的组合与竞争情况。掌握Promise能提升代码可读性并
-
CSS中通过[lang="zh-CN"]等标准BCP47属性选择器触发字体切换，需HTML元素正确设置lang属性；中日韩字体应按语言分层声明，优先使用系统专属字体并严格排序；@font-face须按语言拆包+unicode-range精准控制；font-feature-settings需按lang细粒度配置以适配地域字形。
-
应禁用触摸设备的:hover动画，使用@media(hover:none)或(any-hover:none)精准拦截；卡片默认静态，仅在(hover:hover)且(pointer:fine)时启用transform/opacity动画；iOS点击跳变需加-webkit-tap-highlight-color:transparent和touch-action:manipulation。
-
sticky元素未粘住的根本原因是父容器设置了overflow非visible或transform等创建新层叠上下文的属性，需逐层检查并重置为overflow:visible和transform:none。
-
答案：手机可借助编程App和在线工具编写响应式HTML。使用QuickEdit、Dcoder等编辑器编写代码，配合JSFiddle、CodePen等平台实时预览，添加viewport元标签和CSS媒体查询实现响应式布局，通过云盘或GitHubPages分享成果。
-
padding-left不能直接控制列表项图标位置，因其仅影响内容区域左边界，而默认list-style-position:outside使图标位于容器外侧；需用list-style-position:inside或text-indent负值调整，或改用自定义图标方案。
-
每个项目应封装为语义化<sectionclass="project">区块，含<h3>标题、<pclass="meta">辅助信息（含<time>）、简洁描述及可点击链接；移动端单列，平板起用grid自适应；强调时间精度、具体技术动作与量化结果。
-
可通过调整RGB值、HSL参数、十六进制减法、color-mix()函数或叠加黑色遮罩五种方法加深紫色：一、RGB等比缩减亮度；二、HSL降低L值并提高S值；三、十六进制各通道减固定值；四、color-mix()混合黑色；五、伪元素叠加rgba黑色层。
