-
float侧边菜单hover失效的主因是浮动致父容器高度塌陷，需用overflow:hidden等清除浮动来恢复hover作用域，而非修正CSS选择器。125 收藏 -
time标签用于语义化表示日期时间，提升可读性与机器解析能力，支持日期、时间、时区及持续时间等多种格式，常用于发布时间、活动信息等场景，增强SEO与无障碍访问。125 收藏 -
BEM通过组件名前缀绑定样式作用域，避免层级选择器冲突和覆盖；强制类名结构（block__element--modifier）提升语义明确性与复用性；原子组件需统一结构、无外部依赖、完整交互链路及性能优化。125 收藏 -
推荐使用link标签在head中引入外部CSS文件，设置rel="stylesheet"和href路径；也可用@import在CSS中导入、style标签嵌入或JavaScript动态创建link加载。125 收藏 -
sticky定位失效主因是父容器未提供滚动上下文，需设明确高度且内容溢出；top值应等于元素原上边距而非0；多层嵌套时祖先的transform等属性会破坏粘性；旧版iOS/Chrome需兼容处理。125 收藏 -
HTML本身无“定位精度”概念，所谓问题实为CSS渲染、浏览器排版与像素对齐综合作用的结果，核心取决于数值映射、亚像素支持、DPR及布局上下文。125 收藏 -
JavaScript操作二进制数据主要依靠ArrayBuffer及其视图（如Uint8Array、DataView）进行内存级精细控制，而Blob用于不可变的类文件二进制数据，适用于网络请求、文件读写和媒体操作；二者定位不同，ArrayBuffer支持同步随机访问，Blob侧重流式处理与浏览器API集成，可相互转换。125 收藏 -
color-mix()在旧浏览器中不报错而是静默失败，需用@supports检测并提供静态色值fallback。125 收藏 -
本文详解如何修复因相对定位偏移导致的下拉菜单错位问题，通过统一采用position:relative+top/left:0基准布局，并结合Flexbox对齐与层级管理，实现类似《Cyberpunk2077》官网风格的响应式、像素级可控导航栏。125 收藏 -
clip-path动画不能直接用transition，因为浏览器仅对同构路径（如顶点数、类型、顺序均一致的polygon）进行线性插值；混用circle()与polygon()或单位不统一会导致跳变或失效。125 收藏 -
IE8及更早版本不解析rgba()，需用filter:alpha(opacity=XX)或gradient滤镜降级，且fallback必须前置、块级元素、十六进制颜色匹配，否则背景消失或子元素异常变淡。125 收藏 -
Bootstrap5浮动标签依赖:placeholder-shown伪类与input+label相邻选择器，label必须在input后且input必须有placeholder属性（含placeholder=""），否则浮动失效。125 收藏 -
BEM是通过命名强制解耦样式与DOM结构的协作规范。它用Block-Element-Modifier三层语义类名替代深层后代选择器，避免结构变动导致样式失效，提升可维护性、复用性与工程健壮性。125 收藏 -
PurgeCSS通过静态扫描HTML/JS/Vue等文件中出现的类名和ID，匹配配置路径来剔除未使用CSS，可减少60%–90%体积；需显式配置content、处理动态类名、用safelist保底，Vite推荐使用vite-plugin-purgecss。124 收藏 -
函数声明会被完整提升，优先级高于变量声明；函数表达式仅变量名提升为undefined。同名时函数声明覆盖变量声明，let/const存在TDZ不参与提升，重复var声明被忽略而函数声明会覆盖。124 收藏
