-
background-position不适合做“充电上升”动画，因其依赖预设高分辨率背景图、仅支持线性位移、易因像素四舍五入导致跳帧卡顿；推荐用linear-gradient+height动画替代，更平滑可控。
-
首先创建.github/workflows/ci.yml文件，配置在main分支推送或PR时触发，使用Ubuntu环境矩阵测试Node.js16/18/20版本，依次执行依赖安装、代码检查、测试与覆盖率生成。
-
background-clip:padding-box是唯一可靠解法；它使背景仅绘制在padding区域内，不进入透明边框区，避免背景色透出混色，兼容现代浏览器，必要时加-webkit前缀。
-
嵌套应限于逻辑强关联结构，避免超3层；Mixin按职责拆分并设默认值；主题色分层定义，断点用Mixin封装；警惕@import全量引入和循环生成导致CSS膨胀。
-
使用CSS和JavaScript可实现滚动动画。1.position:sticky让元素滚动时固定位置，适合导航栏；2.结合CSStransition与JavaScript监听scroll事件，元素进入视口时添加类名实现滑入效果；3.使用IntersectionObserverAPI高效检测元素可见性，推荐用于多元素依次动画；4.通过JavaScript实时计算scrollTop并应用transform，可实现视差等复杂动效。性能优化建议：避免频繁DOM操作，优先使用IntersectionObserve
-
使用link标签结合media属性是实现不同屏幕分辨率下加载不同CSS文件最实用且兼容性好的方法，通过在HTML中为每个CSS文件设置对应媒体查询条件，浏览器会自动加载匹配当前视口宽度的样式表；虽然也可用@import方式在CSS内引入，但因性能较差且兼容性不佳而不推荐；现代开发更倾向将所有响应式规则整合到单一CSS文件中，利用内部媒体查询管理样式，减少HTTP请求，提升加载效率。
-
使用HTML的标签或CSS的border属性可创建水平分隔线。1.直接使用标签生成默认分隔线，语义明确且兼容屏幕阅读器；2.通过div设置border-top可自定义线条样式、颜色和间距，灵活性高；3.利用伪元素::before和::after结合flex布局，实现中间带文字的分隔线，常用于“或”场景；4.注意响应式设计，采用相对单位与足够对比度，提升可访问性。根据需求选择基础或高级方案，确保结构清晰与样式可控。
-
元素旋转卡顿可通过优化CSS动画属性解决。1.使用transform:rotate()和@keyframes配合animation实现连续旋转，保持线性速度；2.添加translateZ(0)或will-change:transform启用GPU加速；3.避免动画中修改非transform属性；4.采用linear时间函数确保匀速；5.将动画元素脱离文档流减少重排。
-
TypeScript是JavaScript的超集，编译时擦除类型仅留JS，故tsc输出可运行；any绕过检查，unknown需守卫；interface支持声明合并、implements，type支持联合/元组；严格配置与CI校验是类型系统生效前提。
-
PostCSS自动加前缀失效主因是browserslist配置过新，导致autoprefixer认为无需加前缀；需检查.browserslistrc或package.json配置，确保覆盖旧版浏览器，并确认autoprefixer在PostCSS配置中显式调用。
-
transform:translate(-50%,-50%)偏移是因为以元素左上角为基准且依赖动态尺寸；Flexbox居中更稳但需父容器有明确高度；Grid的place-items:center对未知宽高最可靠。
-
padding-bottom是CSS中用于设置元素底部内边距的属性，值可为px、%或em等单位，作用于内容与边框之间，增加内部空白区域。通过设置如padding-bottom:20px，可使内容与容器底部保持距离，常用于文本块或卡片组件中提升可读性和视觉舒适度；需注意其会增加元素总高度（除非box-sizing为border-box），且留白区域会显示背景色，与margin-bottom影响外部布局不同，合理使用能优化页面排版。
-
flex-shrink:0不能单独保证图片不被压扁，需配合min-width:0和max-width:100%等约束，并确保图片为flex容器的直接子项且父容器有明确主轴尺寸。
-
HTML5不提供自动记录输入历史的功能，autocomplete行为由浏览器控制；需用localStorage手动实现可控历史记录，包括存取、去重、限长和渲染。
-
可用记事本、TextEdit（设为纯文本）、VSCode等编辑HTML，保存为UTF-8无BOM；双击打开可预览，但开发推荐LiveServer或python3-mhttp.server；路径须相对于HTML文件，注意大小写和404错误。
