响应式布局应基于一套语义化HTML，通过media查询配合display、flex-direction、order及CSS容器查询实现结构级适配，避免重复DOM或JS干预。

通过子域名、路径或登录后获取租户信息，建立全局租户上下文；2.由后端返回品牌、功能配置动态渲染UI；3.在请求拦截器中自动注入租户标识确保数据隔离；4.采用单实例多租户或多实例部署结合微前端实现灵活扩展。

npm是服务+客户端+注册中心的组合体，不打包编译，只负责依赖管理；装全局或本地取决于-g参数及是否在含package.json的项目根目录。

1、检查图片路径是否正确，优先使用相对路径如src="./images/photo.jpg"；2、确保图片格式为JPEG、PNG等浏览器支持类型；3、可引用网络图片URL或添加alt属性辅助排错与SEO。

CSS过渡通过transform和transition实现卡片3D翻转，核心是设置perspective、transform-style和backface-visibility，结合rotateY与transition平滑切换正背面，适用于展示类交互场景。

transition-property用于指定触发动画过渡的CSS属性，可选值包括none、all及具体属性名，常与transition-duration等配合使用以精确控制动效，如仅对背景色和文字颜色应用过渡，提升性能与体验。

z-index用于控制定位元素的堆叠顺序，数值越大越靠前；需配合position:relative、absolute、fixed或sticky使用，且受堆叠上下文限制，不同上下文间层级独立，建议分层管理z-index值以避免冲突。

CSS属性选择器可以根据HTML标签的属性和值直接选中元素，提供精准控制。常见形式包括：[attr]匹配存在该属性的元素，[attr=value]匹配属性值完全相等的元素，[attr~=value]匹配属性值包含空格分隔列表中的值，[attr|=value]匹配属性值以指定值开头并跟连字符的情况。典型应用场景有：1.表单样式控制，如input[type="password"]设置密码框背景色；2.链接样式区分，如a[href^="http://"]为外部链接添加图标；3.多语言内容适配，如[lang|="

浏览器无法直接监听本地XML文件变化，必须通过轮询（如setInterval+fetch比对哈希）、服务端支持Last-Modified/ETag头、或SSE推送等外部机制实现近似实时更新。

使用HTML的标签或CSS的border属性可创建水平分隔线。1.直接使用标签生成默认分隔线，语义明确且兼容屏幕阅读器；2.通过div设置border-top可自定义线条样式、颜色和间距，灵活性高；3.利用伪元素::before和::after结合flex布局，实现中间带文字的分隔线，常用于“或”场景；4.注意响应式设计，采用相对单位与足够对比度，提升可访问性。根据需求选择基础或高级方案，确保结构清晰与样式可控。

应使用transform:translateY()而非top/left移动卡片，避免重排和掉帧；transition必须写在默认状态；注意父容器overflow和移动端hover兼容性。

CSS文件越改越乱因缺乏规范：@import无序、class命名冲突、废弃样式未清理；应按职责分base/layout/component/page四类拆分，统一入口导入，用带前缀的BEM变体命名，变更需关联Jira、可追溯、受CI监控。

清屏本质是清空容器内容而非销毁结构；推荐用document.body.textContent=''或element.replaceChildren()，避免innerHTML=''引发事件丢失和组件失联，清空后需重绑事件、清理定时器、重置WebComponents状态。

使用float属性可实现网页左右分栏布局，通过float:left和float:right使元素左、右浮动，配合margin和清除浮动（如::after伪元素）形成稳定两栏或三栏布局，适用于兼容旧项目及理解CSS布局发展。

HTML注释不支持嵌套，浏览器仅识别第一个<!--到紧接着的第一个-->之间的内容，中间所有字符（含嵌套的<!--或-->）均视为注释文本；多余-->会引发解析错误或DOM截断。