
伪元素
是的,现代浏览器及IE8+默认值均为content-box;IE6–7不支持该属性但行为等效;问题多源于全局重置遗漏或被覆盖,需确保*{box-sizing:border-box}在CSS顶部且未被更...
不推荐大量使用CSS定位布局,因其脱离文档流导致父容器高度塌陷、响应式适配困难、z-index层叠易失控,且相比Flex/Grid缺乏自动伸缩、对齐和内容自适应能力。
CSS原生下划线难看,可用border-bottom、background-image或::after伪元素三种方式重写:前者最常用且灵活;后者支持渐变、虚线等精细效果;伪元素适合动态动画和精确定位,...
rgba()中alpha为0时元素仍占位、响应事件;真正“无背景”需用transparent;多层rgba按顺序复合而非叠加;IE8需前置兼容色值;伪元素遮罩需注意pointer-events和z-i...
CSS动画适合纯视觉过渡、状态切换等无需运行时计算的场景,如按钮hover、菜单展开;JS动画则适用于需实时响应、条件判断或数据驱动的复杂交互,如拖拽跟随、粒子系统。
text-shadow语法必须严格按「水平偏移垂直偏移模糊半径颜色」顺序书写,前两个参数必填,模糊半径为0时边缘锐利,多层阴影用逗号分隔,错误顺序将被浏览器忽略。
clear:both有时无效是因为清除元素未参与文档流高度计算;伪元素::after比overflow:hidden更可靠因不裁剪绝对定位元素;Flex/Grid下无需清除浮动;现代推荐display...
推荐使用HTML5原生标签实现文字折叠展开,兼容性好且无需JS;其次可选JavaScript控制class切换实现带过渡动画的效果;简易场景可用style.display切换;多组折叠项建议用data...
progress是HTML5表示任务进度的语义化标签,需同时设value和max,支持可访问性;不可用于加载动画,样式定制需兼容WebKit、Firefox等多引擎,文字标签须用相邻元素实现,JS更新...
text-decoration-color能单独设置删除线颜色,但必须与text-decoration-line:line-through配合使用,否则无效;不支持渐变色,旧版Safari和IE不支持...