-
min-height是设置元素最小高度的标准属性，值为长度或百分比，不允许负值；现代浏览器全支持，IE6不支持；内容少时保持设定高度，多时自动撑开，语义清晰无副作用。
-
直接上手做项目比死磕语法更有效，HTML精通在于语义化表达信息结构并为CSS/JS留接口；四类递进项目聚焦高频坑点：静态内容页、表单交互、响应式图文页、多页站点骨架。
-
应使用label包裹自定义按钮并关联隐藏的input[type="file"]实现美观上传，通过xlsx库前端解析校验Excel，拦截beforeunload防止导入中断，并按约定结构处理后端返回的逐行错误信息。
-
本文介绍如何利用Python内置模块快速启动一个轻量级HTTP服务器，无需部署即可通过局域网在手机浏览器中访问本地网页项目，实现跨设备响应式调试。
-
闭包在setTimeout中捕获的是外层变量的引用而非副本，故循环中用var会导致所有回调输出同一终值；改用let、IIFE或函数封装可为每次迭代创建独立作用域，确保正确输出对应值。
-
opacity从0.2→1→0.2而非0→1→0，因人眼对完全透明（opacity:0）极其敏感，会导致关键帧切换时“闪黑”，破坏呼吸连贯性；0.2起始既保留视觉存在感，又提供足够明暗差模拟呼吸起伏，且首尾值一致可避免跳变。
-
inline-block元素间空隙是HTML解析空白字符所致，并非bug；可通过font-size:0（需子元素重设字号）、HTML压缩、负margin或flex布局消除，其中flex+gap为现代推荐方案。
-
答案：CSS中sticky定位通过top、left等属性控制偏移，如top:10px使元素滚动时距顶部10px，left:0实现横向滚动固定首列，需确保父容器可滚动且避免transform等属性干扰。
-
mix-blend-mode对<video>失效主因是硬件加速层隔离；需检查transform/will-change/overflow等触发合成层的属性，改用contain:paint、isolation:isolate或canvas中转方案，并结合Layers面板与about:config验证。
-
address标签专指责任人联系信息而非物理地址，语义绑定父容器层级，仅允许短语内容，现代浏览器已移除默认样式，使用前须确认信息能否回答“谁写了这篇？谁负责维护？出了问题找谁？”
-
required属性通过浏览器内置验证提升用户体验和数据质量，1.确保必填字段不为空，2.提供即时反馈减少用户挫败感，3.过滤基础无效数据提高数据完整性。但仅依赖该属性并不安全，1.客户端验证易被绕过，2.无法阻止恶意请求，3.必须配合服务器端验证。结合JavaScript可实现更高级验证，1.自定义错误提示信息，2.动态条件验证，3.实时输入反馈增强用户体验。
-
fixedinset-0bg-black/50未完全遮罩主因是父容器触发新定位上下文（如transform），导致fixed相对非视口计算；需检查祖先元素并修复containingblock，同时添加pointer-events-auto和z-50防穿透。
-
column-gap不生效是因为容器未启用多列模式；必须设置column-count或column-width等触发属性，且display需为multi-column，内容足够长，避免与gap混用，单位推荐rem，Safari≤14.1需加-webkit前缀。
-
语义化导航应使用<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字体。
