-
优先使用类选择器并遵循语义化命名（如BEM），避免深层嵌套和过度使用ID、通用选择器，控制伪类与属性选择器复杂度，杜绝滥用内联样式和!important，提升CSS性能与可维护性。
-
Esc键是最可靠退出方式，浏览器原生支持且不受JS卡死影响；F11无效于视频全屏；脚本退出需兼容处理；鼠标悬停无反应可双击或右键；刷新页面可重置全屏状态。
-
用浏览器另存为PDF最简单：按Ctrl+P→选“另存为PDF”→保存；需确保页面完全加载，勾选“背景图形”，注意CSS分页控制和文件校验。
-
fixed元素未覆盖全屏是因body默认margin及滚动条影响视口计算；应重置html/bodymargin，用inset:0替代四方位定位，并处理iOS动态vh及祖先层叠上下文干扰。
-
position:sticky失效主因是父容器无明确高度或可滚动溢出、元素display不兼容、父容器存在transform等新格式化上下文、top未显式设置；需确保最近块级祖先满足滚动前提，且sticky元素在流中初始位置合理。
-
优先使用现代布局避免浮动与表格冲突，因浮动脱离文档流会破坏表格排列。避免在单元格内使用float，改用inline-block或flex实现横向排列；若需左右布局，可用text-align或vertical-align控制。当浮动元素影响表格时，通过clear:both或overflow:hidden形成BFC清除影响。建议用display:table属性模拟表格结构，或采用flex/grid布局实现响应式设计。为防止宽度压缩，应设置table固定宽度并启用word-wrap。根本解决方法是减少对浮动和传
-
答案是内联样式。电子邮件模板中使用CSS最稳妥的方式是将样式直接写在HTML元素的style属性中，因邮件客户端对内部和外部样式支持差，需通过内联确保兼容性，配合工具自动化处理，并注意布局、属性支持及响应式设计等最佳实践。
-
Vue的watch可监听unreadCount变化并触发favicon角标更新和桌面通知，需结合canvas绘制、NotificationAPI及WebSocket/SSE确保状态同步。
-
mix-blend-mode在IE和旧版Safari中不支持，连前缀也无效；应使用@supports检测并仅对Chrome41+、Firefox32+、Safari8+/iOS9.3+启用，且不可用于关键视觉信息。
-
-webkit-box-reflect仅限WebKit/Blink浏览器支持，非标准实验属性；语法为-webkit-box-reflect:below10px；需作用于有内容的块级元素，禁用overflow:hidden及触发层叠上下文的父样式。
-
使用::first-letter伪元素可对块级元素首字母设置特殊样式，结合text-transform:uppercase实现首字母大写，并通过float等属性创建首字下沉效果，常用于段落或引用的视觉美化，需注意其仅适用于块级元素且兼容IE9以上浏览器。
-
应避免滥用<hr>，它仅适用于主题段落间的语义分隔；多数视觉分隔需求应使用<divclass="divider">配合CSS实现，兼顾样式可控性、可访问性与暗色模式支持。
-
Python原生不支持JavaScript风格的{name,age}这类键名与变量名自动映射的字典字面量缩写，但可通过locals()、inspect或现代工具（如dataclasses/pydantic）实现语义等效的简洁构造方式。
-
Sass响应式列宽应通过变量（如$grid-columns）和循环统一生成，避免手写重复类名；需分离Grid与Flex栅格逻辑，统一用min-width断点、box-sizing:border-box及gap/margin方案控制gutter，确保可维护性。
-
用嵌套列表或Map模拟对象存储精灵图配置，循环生成类时需避免重复声明和单位混淆，CSS变量不适用于此场景。
