
伪元素
移动端导航条默认塌陷后通过checkbox+CSS:checked控制展开,用visibility:hidden配合过渡实现无障碍友好;需确保.nav-list紧跟input,避免display:no...
CSScolor属性支持6类原生格式:颜色关键字、HEX(含#RRGGBBAA)、RGB/RGBA、HSL/HSLA、transparent和currentColor;现代浏览器全支持,IE对HSLA...
在border-collapse:collapse模式下,CSS表格边框会按算法合并,导致深色边框被邻近浅色边框部分遮盖。本文介绍两种可靠方案:利用::after伪元素配合position:absol...
在border-collapse:collapse模式下,CSS表格边框会按算法合并,导致深色边框被邻近浅色边框部分遮盖。本文介绍两种可靠方案:利用::after伪元素配合position:absol...
float列表最后一行错位是因浮动元素脱离文档流导致父容器塌陷,且无法预知最后一行起始位置;可靠解法是用display:flex替代,或用::after伪元素清除浮动。
text-shadow仅作用于文字内容,不支持inset且无法影响背景或边框;box-shadow支持inset、spread-radius及多层阴影,但需注意渲染顺序与性能限制。
最快但受限的方式是直接修改element.style,仅影响内联样式且需驼峰命名、显式单位;批量设置用Object.assign;优先用classList增删预设类;读真实样式用getComputed...
transition无法触发颜色变化,因currentColor、transparent等值不可插值,需用明确RGB/HSL/十六进制色值;HSL插值更自然;多属性联动宜用CSS变量+@keyfram...
::before伪元素必须配合content属性使用,否则不渲染;content可为空字符串或Unicode转义字符;需显式设置display以控制布局;其内容不可被屏幕阅读器识别,关键语义应使用真实...
float列表最后一行错位是因浮动元素脱离文档流导致父容器塌陷,且无法预知最后一行起始位置;可靠解法是用display:flex替代,或用::after伪元素清除浮动。