-
解决PSD转HTML5文字乱码需五步：一、HTML顶部声明UTF-8编码；二、CSS使用Web安全字体族并兜底sans-serif；三、通过@font-face嵌入WOFF2/WOFF字体；四、关键文字导出为SVG或PNG；五、Photoshop启用生成器并规范图层命名。
-
答案：通过优化FCP、LCP、INP和CLS四大指标可提升网页性能。具体包括压缩资源、使用预加载、优化图片、减少JS阻塞、设置元素尺寸，以提高加载速度与用户体验。
-
CSSGrid是定位图像最稳方案，但需规避老AndroidWebView兼容问题，用@supports检测降级Flexbox，注意viewport、单位联动及微信内核加载时序。
-
::selection不生效的根本原因是选择范围受限于容器且仅作用于根级或其直接子元素，常见于CSS优先级覆盖、使用不支持属性、错误嵌套写法（如div::selection无效）及浏览器兼容性问题。
-
Hover动画顺序出错主因是animation-delay、duration与keyframes时间点未对齐，需显式声明各项参数，确保关键帧百分比匹配实际时间段，并用animation-fill-mode或JS控制状态以避免重置错乱。
-
:target伪类仅匹配URLfragment与元素id完全一致的目标，需确保容器有唯一id且与href值严格一致；全屏样式须写在该容器选择器上，关闭依赖修改URLfragment，移动端需禁用缩放并优化触控交互。
-
首行文字高度不一致的根源在于::first-line继承父元素line-height和font-size，并受字体度量、行内盒模型及渲染差异影响；解决关键是统一基线行为并显式控制行高逻辑，推荐使用无单位line-height（如1.4），避免px/em值，限制::first-line字号变化，配合vertical-align与transform微调，统一字体栈，必要时改用inline-block包裹首行。
-
使用align-items:center配合display:flex可实现垂直居中，需父容器有高度且设置flex布局，结合justify-content:center还可实现水平居中，适用于现代浏览器中的各类对齐场景。
-
预处理器适合复用逻辑、分模块管理且团队熟悉嵌套语法的场景；原子化CSS适合UI变动频繁但结构简单的内容型站点；CSS-in-JS适合需作用域隔离与动态样式的组件库或高度交互组件。
-
theme-color元标签仅在基于Chromium的Android浏览器（Chrome、Edge、SamsungInternet）及PWA环境生效，iOSSafari完全不支持；需HTTPS/localhost、静态声明于head、十六进制色值，且manifest中theme_color会覆盖它。
-
margin、border和padding影响元素布局空间：content为内容区，padding扩增内部尺寸，border增加边框厚度，margin创建外部间距；默认width仅含content，而box-sizing:border-box可使width包含padding和border，避免溢出。
-
grid-template-areas是CSSGrid中通过命名区域定义布局的属性，提升代码可读性。它在容器中用字符串“画”出网格结构，每行对应一个字符串，每个单词代表一个区域，相同名称自动合并。配合grid-area为子元素分配位置，实现直观布局。可用点（.）表示空单元格，确保每行单词数一致避免错误。适合构建复杂页面如后台管理、仪表盘，并可通过媒体查询在响应式设计中重定义布局，提升移动端体验。掌握此方法可减少对行列索引的依赖，使结构更清晰。
-
viewportmeta标签缺失或参数错误是平板端样式错乱的主因，正确写法为<metaname="viewport"content="width=device-width,initial-scale=1">，常见错误包括漏写initial-scale=1、禁用缩放或使用固定宽度；媒体查询应结合pointer:coarse等特性提升精度；老AndroidWebView对flex-wrap支持差，需降级处理；iPad字体应优先用rem配合html{font-
-
typeof操作符用于检测数据类型，返回字符串表示；其可识别number、string、boolean、undefined、object、function、symbol和bigint；但需注意null返回"object"为历史bug，数组和对象均返回"object"无法区分，应结合Array.isArray()等方法判断；对未声明变量使用typeof不报错，返回"undefined"；适用于快速判断原始类型，如检查变量是否定义或值是否为函数。
-
将.txt转为.html可通过三种方法实现：一、手动添加HTML结构并重命名文件；二、用代码编辑器插入模板并格式化内容后保存为.html；三、使用Python脚本批量读取文本、构建HTML框架并自动输出，均需确保编码为UTF-8以支持中文显示。
