-
target属性控制链接打开的浏览上下文而非创建新窗口；常用值包括_self、_blank（需配rel="noopenernoreferrer"防安全风险）、_parent、_top及自定义名（复用或新建）；移动端WebView可能禁用_target="_blank"_需配置或降级处理。
-
使用语义化标签构建HTML表单可提升可读性、可访问性与SEO，应合理采用form、fieldset、legend、label等元素组织结构，确保输入项清晰关联，增强屏幕阅读器支持并优化用户体验。
-
PostCSS通过插件实现浏览器前缀自动补全、现代CSS语法支持和代码压缩等功能，需结合构建工具如Webpack使用；安装postcss及相关插件后，在postcss.config.js中配置autoprefixer和postcss-preset-env等插件，并通过.browserslistrc指定目标浏览器，使CSS能自动适配旧版本浏览器。
-
opacity会使整个元素及子元素一同变透明，无法单独控制背景或文字；正确做法是用rgba()设置背景色实现仅背景透明，或用伪元素+opacity模拟半透背景层。
-
合理使用rgba()和opacity可实现丰富视觉层次。rgba()精准控制颜色透明度，避免影响子元素，适合背景叠加与色彩融合；opacity作用于整个元素，常用于淡入淡出、遮罩效果。多层半透明叠加产生自然混合，如红色蒙版营造氛围，伪元素增强质感。注意文本用rgba()而非opacity保持可读性，避免多层高透明导致过暗，需在不同背景下测试可视性。结合两者优势，细节处理得当即可实现细腻立体的视觉效果。
-
transition作用于width、height、top、left会卡顿，因其触发高成本layout；应优先使用transform和opacity等仅影响合成层的属性，并通过translateZ(0)或will-change提升图层。
-
使用TailwindCSS可快速构建响应式卡片布局，通过实用类组合实现样式与交互；示例包含图片、标题、描述和按钮的基础结构，结合grid或flex实现多卡片排列，支持响应式断点控制；添加hover:scale-105、hover:shadow-xl等悬停效果提升用户体验，配合字体、颜色与间距类优化排版可读性。
-
grid-column:1/-1能占满整行，因-1指向容器最右侧隐式网格线，起始于第1列、结束于最后一列之后，不依赖列数且语义清晰；span语法如1/span100效果等效但更易读。
-
可使用:placeholder-shown伪类实现输入框为空时的样式变化，需配合placeholder属性，支持Chrome47+等现代浏览器，IE不支持。
-
Foundation卡片需用grid-x+cell实现响应式布局并加grid-margin-x，或用flex-container.align-stretch统一高度；须规范内部图片、标题、文本样式，并禁用float等旧类。
-
JS直接改style会中断CSStransition动画，因覆盖样式导致浏览器丢弃过渡状态；应优先用classList切换预设类，避免高频class操作、强制重排及未过滤的transitionend事件。
-
WebAssembly负责计算密集型任务，JavaScript处理交互与API调用，通过共享内存与TypedArray高效通信，结合Emscripten、Rust或AssemblyScript等工具链实现高性能混合架构。
-
height:0到auto无法过渡，因浏览器不支持对auto插值；应改用max-height配合overflow:hidden、opacity和visibility实现平滑过渡。
-
答案：推荐优先使用扩展运算符合并对象，因其语法简洁、不修改原对象且可读性强；若需兼容老浏览器则选用Object.assign()。两者均为浅合并，深层合并需借助其他方法。
-
正确使用button标签可提升可访问性和代码语义化。button元素默认提交表单，type属性决定行为：submit提交、button无默认行为、reset重置表单。应优先于div或span用于触发操作，因其原生支持键盘交互且屏幕阅读器可识别。需确保按钮有文本内容或aria-label，禁用时使用disabled属性而非仅视觉灰显。链接a用于导航，button用于动作执行，二者语义不可混淆。
