
伪元素
移动端导航条默认塌陷后通过checkbox+CSS:checked控制展开,用visibility:hidden配合过渡实现无障碍友好;需确保.nav-list紧跟input,避免display:no...
最快但受限的方式是直接修改element.style,仅影响内联样式且需驼峰命名、显式单位;批量设置用Object.assign;优先用classList增删预设类;读真实样式用getComputed...
::before伪元素必须配合content属性使用,否则不渲染;content可为空字符串或Unicode转义字符;需显式设置display以控制布局;其内容不可被屏幕阅读器识别,关键语义应使用真实...
CSScolor属性支持6类原生格式:颜色关键字、HEX(含#RRGGBBAA)、RGB/RGBA、HSL/HSLA、transparent和currentColor;现代浏览器全支持,IE对HSLA...
text-shadow仅作用于文字内容,不支持inset且无法影响背景或边框;box-shadow支持inset、spread-radius及多层阴影,但需注意渲染顺序与性能限制。
SVG边框逐帧绘制最稳定,通过stroke-dasharray="LL"与stroke-dashoffset="L"(L为周长)配合requestAnimati...
在border-collapse:collapse模式下,CSS表格边框会按算法合并,导致深色边框被邻近浅色边框部分遮盖;本文提供两种可靠方案——使用绝对定位的::after伪元素配合border或b...
浮动会导致表单控件错位或父容器塌陷,清除浮动须作用于父容器而非子元素,推荐用overflow:hidden或伪元素::after;现代方案首选flex布局,天然不塌陷、对齐可控。
CSS无法直接过渡linear-gradient,需用background-position位移、多层opacity切换、@property动画渐变属性或SVG/Canvas实现。
float元素脱离文档流致父容器塌陷,后续内容“跑上来”;clear:both强制元素在所有浮动后显示,需加于浮动后的块级兄弟元素,配合BFC或伪元素.clearfix更可靠;新项目推荐Flex/Gr...