-
使用CSS的letter-spacing属性可精确控制HTML文本字母间距。通过像素或em等单位调节，如letter-spacing:3px;可增加字符间距，适用于特定类或全局文本。建议小字号用0.05em提升清晰度，大标题设2px~5px增强视觉效果，避免过大负值导致重叠。结合class或style使用，兼顾响应式与可读性，实现专业排版。
-
响应式多媒体布局核心是让内容自适应容器，图片通过max-width:100%和height:auto实现等比缩放；2.高清显示需结合srcset和<picture>元素按设备加载合适资源；3.视频和iframe使用“宽高比盒子”技术，利用padding-bottom和绝对定位保持比例；4.object-fit用于控制图片填充模式，避免变形；5.Flexbox和Grid则提升复杂布局能力，实现自动换行、弹性伸缩与二维网格排列，确保多媒体在不同屏幕下视觉一致且美观。
-
本文介绍如何使用正则表达式精准地在字符串开头或结尾的特定标点符号（如?、!、...、?!等）前后插入空格，避免传统循环替换导致的重复处理与顺序错误问题。
-
需用HTML5video元素实现视频嵌入与交互：一、src属性指定单一视频地址；二、controls属性启用原生控制栏；三、source元素提供多格式备选源；四、width/height或CSS设置响应式尺寸；五、poster属性添加封面图。
-
属性值含空格时CSS选择器必须用引号包裹，否则空格被解析为分隔符导致匹配失败；需全值匹配用["attr=\"val\""]，匹配空格分隔的单词之一用[attr~="word"]。
-
浮动元素脱离文档流导致视觉顺序与HTML结构不一致，本质是float本为文字环绕设计而非布局工具；应改用flex或grid布局替代。
-
HTML5通过<video>标签嵌入视频，需将MP4等格式文件放入videos文件夹，用src或<source>引用路径，添加controls、poster、preload等属性，并用CSS实现响应式布局。
-
使用类选择器可精准选中带特定类名的元素。1.基本写法用“.类名”选中所有该类元素，如.highlight设置文字红色；2.多类组合用“.类1.类2”连写选同时拥有多个类的元素，注意无空格表示“且”关系；3.限定标签类型可用“标签.类名”如p.highlight仅作用于段落；4.结合结构选择器如.container.title选后代元素。掌握点号语法与组合规则即可灵活应用。
-
navigator.userAgent不可靠，应优先用媒体查询或视口尺寸判断设备类型；getBattery()已广泛弃用；deviceMemory和hardwareConcurrency为估算值；geolocation用于场景推断而非型号识别。
-
transition不能过渡position属性本身，但可过渡left、top等偏移值或使用transform实现平滑动画。
-
iOS16.4+才支持WKWebView中navigator.share()，需配置WKWebViewConfiguration并确保HTTPS、用户手势同步触发；否则应通过原生桥接调用UIActivityViewController实现可靠分享。
-
实现图标旋转过渡需使用CSS的transform和transition属性。通过transform:rotate()设置旋转角度，transition实现平滑动画，如:hover时旋转180度；持续旋转可用@keyframes定义无限循环动画，适用于加载图标；结合JavaScript可切换类名实现开/关状态的可逆旋转；优化细节包括设置display、调整transform-origin及使用ease-in-out曲线，推荐字体图标或SVG以保证清晰度。
-
SessionStorage是JavaScript提供的临时存储机制，用于在单个浏览器标签页会话期间保存数据，关闭标签页后自动清除。它遵循同源策略，存储容量为5-10MB，仅以字符串形式保存键值对，需用JSON转换复杂数据类型。主要操作包括setItem、getItem、removeItem和clear，适用于表单缓存、会话内偏好设置及页面间临时传值，但不支持跨标签页共享，隐私模式下可能受限，且不应存储敏感信息以防XSS攻击。合理使用可提升用户体验并减少服务器请求。
-
flex-direction默认值不影响垂直居中，只需父容器display:flex并设置align-items:center即可实现交叉轴（纵向）居中；单个子元素完全居中用align-items:center与justify-content:center组合最稳。
-
网页开发中h1应只出现一次因为它代表页面核心主题多个会降低SEO效果且影响可访问性。①h1定义页面主标题应唯一；②h2至h6用于分层子标题结构如h2为一级子标题h3为h2下的细分项；③标题层级需清晰合理组织内容有助于搜索引擎抓取和用户理解；④h1权重最高利于SEO优化关键词应自然融入标题中不可堆砌；⑤正确使用标题标签能提升用户体验与网站可访问性。
