-
语义化导航应使用<nav><ul><li><a>结构，图标用inlineSVG并设stroke/fill为currentColor，清除列表默认样式，链接用flex布局对齐，hover和active态需同步控制文字与图标颜色。
-
安卓WebView样式问题需用normalize.cssv8.0.1+本地引入、禁用text-size-adjust、显式设flex-shrink:0、删font-smoothing、用text-rendering和system-ui字体。
-
合理设置font-size和line-height的相对值可实现响应式排版，结合CSS盒模型使文本在不同设备中自然缩放。通过百分比或em单位基于根字体调整大小，配合无单位line-height确保行距正确继承，避免使用固定高度，改用padding和min-height维持布局弹性。例如设置html{font-size:100%}，再利用媒体查询适配小屏，同时为段落和按钮设置相对字体与行高，使内容区域随文字自适应，保证可读性与可访问性。关键在于让文本空间与盒模型协同响应变化。
-
cursor属性常用值包括pointer、default、wait、help等通用值；grab、zoom-in等值在旧版Safari中兼容性差，需谨慎使用或添加浏览器前缀。
-
大型项目中直接写margin:16px会失控，因它非设计系统而是魔法数字；应统一用语义化间距变量（如@space-sm）、封装margin/paddingmixin，并避免在媒体查询中重定义变量或混用单位。
-
<mark>标签是HTML5新增的语义化标签，专用于标记与当前上下文相关的内容（如搜索关键词、引用重点、法律条款），需配合CSS定制样式以保障可访问性，不可用于纯装饰性高亮。
-
点击区域错位源于浏览器缩放时fixed元素合成层未重绘，导致坐标脱节；应优先用sticky替代fixed，或加translateZ(0)强制重绘，辅以事件监听动态修正。
-
答案：HTML表单数据需结合JavaScript或后端实现保存。前端可用JavaScript将数据导出为JSON或CSV文件，或通过localStorage暂存；后端可通过PHP、Node.js等接收数据并存储到数据库或文件系统，适合持久化管理。
-
使用::marker可自定义有序列表编号样式，支持颜色、字体大小等属性调整，如设置深橙色加粗数字；content替换需谨慎，建议用counter配合::before实现复杂格式。
-
Temporal提案废除Date的隐式时区模型，强制每步声明时间语义；Date解析字符串不查时区数据库，导致夏令时重叠/不存在时刻出错，而Temporal通过PlainDateTime和ZonedDateTime分离日历与时区逻辑，并提供明确消歧策略和严格校验。
-
SVG无损缩放的核心是viewBox属性；它定义内部坐标系可视区域，配合width/height或CSS尺寸实现等比缩放，缺失则导致像素化或裁切。
-
本文详解如何通过合理设置box-sizing、相对单位（如%、vh）及高度分配策略，确保教学幻灯容器在不同屏幕下自适应撑满内容，彻底消除溢出问题。
-
剩余参数（...）允许函数接收不定数量实参并自动封装为真数组，必须位于形参末位，可与普通参数共存，替代了arguments类数组对象，支持直接调用数组方法且兼容箭头函数。
-
TextEncoder.encode()返回Uint8Array格式的UTF-8字节序列，非Unicode码点；如'中'编码为[0xE4,0xB8,0xAD]，严格遵循UTF-8规则，仅支持'utf-8'编码。
-
使用CSSFlexbox的flex-direction:column配合text-align:center，可使表单内所有子元素（图片、输入框、按钮、链接）在独立行中垂直排列，同时整体水平垂直居中。
