-
CSS自定义属性通过--定义变量，配合var()函数实现值复用，提升样式维护性。示例：:root{--primary-color:#007bff;}，.button{background-color:var(--primary-color);}，支持默认值、作用域与JavaScript动态修改，适用于主题切换与响应式设计，现代浏览器广泛支持。
-
Chart.js是基于HTML5Canvas的JavaScript图表库，支持折线图、柱状图、饼图等。1.可通过CDN或npm引入；2.创建柱状图需定义canvas和配置数据；3.折线图可动态更新，适用于实时数据；4.饼图展示分类占比，颜色可自定义。掌握data、options和dataset结构即可快速实现可视化。
-
Kindle不支持monochrome媒体查询，唯一有效的是@mediascreenand(max-color:1)；需重设字体、行高、间距，禁用背景色与边框，且必须真机测试。
-
本文讲解如何在使用Flexbox实现的双列响应式布局中，精准添加32px列间间距，同时避免因误用padding或gap导致的布局坍塌问题，并提供可复用的语义化解决方案。
-
text-align:justify对单行无效是因CSS规范要求必须有换行才触发两端对齐；需用label::after{content:"";display:inline-block;width:100%;}伪元素制造占位断点，使浏览器识别为多行并启用拉伸。
-
Chrome默认根字号16px且严格遵循CSS规范，IE（尤其IE9–11）rem支持不全、缩放行为不同；推荐用px保兼容，rem需显式设html为16px并确保标准文档模式。
-
使用Flexbox可高效实现弹窗居中、内部布局分配、按钮对齐及响应式适配。1.外层容器设flex配合justify-content和align-items实现视口居中；2.弹窗内部用column方向的flex布局，内容区flex:1自动填充；3.按钮组通过justify-content控制对齐，gap统一间距；4.媒体查询调整小屏下布局方向与宽度。整体结构清晰，适配性强。
-
过渡卡顿主因是duration超200ms导致反馈延迟，移动端尤甚；推荐100–150ms配合cubic-bezier快启缓收，禁用all过渡，须适配prefers-reduced-motion。
-
答案是减少时间复杂度、合理使用内置API、记忆化和避免频繁DOM操作。通过哈希表降低嵌套循环复杂度，选用合适内置方法平衡性能与内存，利用缓存优化重复计算，批量处理DOM减少重排重绘，提升JavaScript算法执行效率。
-
统一按钮大小需绕过Bootstrap默认行为：btn-sm/btn-lg仅相对缩放，受主题类、边框、字体渲染等影响导致尺寸不一致；推荐自定义固定尺寸类（如btn-fixed-md）并用!important锁死属性，或通过Sass变量覆盖重编译。
-
纯CSS画Logo是权衡维护性、可访问性与缩放需求后的主动选择，适合简单几何组合，需规避复杂路径、多层渐变及em单位对齐；应优先用border和transform实现，统一box-sizing，禁用%，明确transition属性，用CSS变量管理颜色，最终仍需导出SVG保障复用与性能。
-
Canvas需设HTMLwidth/height属性而非仅CSS，否则图形拉伸；绘图前须设置fillStyle/strokeStyle等样式；arc角度单位为弧度；drawImage前需确保图片onload完成；绘图后需clearRect清屏。
-
@import不推荐使用，因其同步阻塞加载、无法被预加载器识别、导致串行瀑布请求，并存在旧版IE兼容问题及构建工具支持不足等缺陷。
-
边框消失无法过渡是因CSS不支持border-style或存在性切换，应改用透明边框（如border-color:transparent）并固定border-width，仅过渡border-color；outline可作外边框辅助但无圆角支持。
-
HTML5中唯一标准下拉菜单元素是<select>，仅靠<select>+<option>实现，其余功能需JS/CSS模拟；原生不支持showDropdown()等方法，禁用用disabled而非hidden，样式定制依赖appearance:none且受限于浏览器兼容性。
