-
在CSS中设置外边距的主要方法有：1.使用单个margin属性，可以一次性设置四个方向的外边距；2.使用单独的属性如margin-top等，适用于精细控制；3.使用百分比和auto值，适用于响应式设计和居中元素。实战经验包括注意外边距塌陷、使用百分比或rem单位进行响应式设计、谨慎使用负外边距以及性能优化。
-
column-count瀑布流留白因浏览器按文本流顺序填列、不均衡列高所致；需配合column-fill:auto、避免break-inside:avoid，并用JS维护列高数组实现精确控制。
-
fixed元素滚动抖动的根本原因是祖先元素设置transform等属性导致创建局部坐标系，使其脱离视口而相对该祖先定位；解决方案是将其移至body下或改用sticky+占位。
-
opacity设为0时元素仍占位置、参与文档流、能响应事件；会影响子元素且无法通过子元素设opacity:1恢复；动画应避免混用布局属性；与rgba相比，opacity作用于整体，rgba仅作用于颜色通道。
-
可通过五种方法实现HTML页面按域名和路径访问：一、Apache虚拟主机绑定；二、Nginxserver块映射；三、hosts文件+本地服务器模拟；四、Nginx反向代理子路径；五、CDN/对象存储绑定自定义域名与路径前缀。
-
要让::after伪元素始终贴文字底部不动，须设父元素position:relative，::after设position:absolute;bottom:0;left:0;height:2px;bottom:-1px微调对齐，并在默认状态声明width:0和transition:width.3sease。
-
隐私政策链接必须使用有效href的<a>标签且服务端校验勾选状态。需确保链接可访问、协议一致、点击区域合规，并显式关联复选框与文本，禁止仅前端验证或本地file://测试。
-
用rgba()实现透明度动态化需确保第一个参数为Sasscolor类型（如$primary:#3498db），alpha用0–1小数；动态调色优先用transparentize()/opacify()；CSS变量无法在Sass中解析，运行时透明度需JS或HSL方案。
-
应使用带断点前缀的CSS变量（如--spacing-xs）统一管理响应式间距，在各媒体查询内重新赋值以实现精准控制，避免用clamp()破坏设计节奏，同时注意SSR和构建工具对变量的支持问题。
-
根本原因是WKWebView默认不发送Origin头导致CORS预检失败，且credentials支持依赖原生配置；需在创建前注入Cookie、显式设置Origin头（调试用）、避免强依赖Referer，并务必真机测试。
-
window.name适合存临时业务数据，因其生命周期与窗口绑定、跨域可用、不参与HTTP请求；但仅支持字符串、有容量限制且同域iframe共享，故适用于非敏感、临时、结构简单的数据。
-
用@keyframes定义三段式缩放+透明度动画最直接：0%缩至0.95/0.8→30%达1.15/1→80%回1.02→100%归1/0.98，配0.9s非对称缓动与infiniteboth，兼顾真实感与兼容性。
-
使用AJAX提交表单可避免页面刷新，提升用户体验。1.创建包含姓名、邮箱字段的HTML表单，并添加提交按钮；2.通过JavaScript监听提交事件，阻止默认行为，用FormData收集数据并转为JSON，通过fetch发送POST请求至服务器；3.服务端（如PHP）需读取php://input解析JSON数据或直接获取$_POST值，处理后返回JSON响应；4.前端根据响应结果更新页面内容。关键点：阻止默认提交、正确设置请求头与数据格式匹配、后端兼容数据接收方式。
-
通过设置:hover伪类和transition属性可提升按钮交互效果。1.为按钮悬停状态设置更明显的背景色与文字色对比；2.添加transition使颜色变化平滑；3.结合边框、阴影和缩放增强反馈，确保视觉差异清晰且过渡自然，提升用户体验。
-
使用CSS伪类:disabled可提升按钮状态的视觉辨识度，通过调整颜色、透明度（opacity:0.6）、光标（cursor:not-allowed）增强反馈；保持圆角、阴影等设计细节一致性，并利用CSS变量适配深色模式，使界面更专业且用户体验更佳。
