
伪元素
在border-collapse:collapse模式下,CSS表格边框会按算法合并,导致深色边框被邻近浅色边框部分遮盖。本文介绍两种可靠方案:利用::after伪元素配合position:absol...
CSS中不存在:shown伪类,::placeholder仅用于样式化占位符文本;检测“未填写”应结合required属性、:user-invalid伪类及JavaScript校验。
直接修改element.style只影响行内样式,无法覆盖CSS文件或style块中的规则(除非无!important且优先级更低);需用驼峰命名、带单位赋值;读取时仅返回行内值,查最终样式须用get...
浮动会导致表单控件错位或父容器塌陷,清除浮动须作用于父容器而非子元素,推荐用overflow:hidden或伪元素::after;现代方案首选flex布局,天然不塌陷、对齐可控。
父元素高度塌陷是因为浮动元素脱离标准文档流,导致父容器无法计算其高度;常见于仅含浮动子元素的父容器,清除浮动应通过创建BFC(如display:flow-root)或伪元素clearfix实现。
CSScolor属性支持6类原生格式:颜色关键字、HEX(含#RRGGBBAA)、RGB/RGBA、HSL/HSLA、transparent和currentColor;现代浏览器全支持,IE对HSLA...
CSScolor属性支持6类原生格式:颜色关键字、HEX(含#RRGGBBAA)、RGB/RGBA、HSL/HSLA、transparent和currentColor;现代浏览器全支持,IE对HSLA...
CSS无法直接过渡linear-gradient,需用background-position位移、多层opacity切换、@property动画渐变属性或SVG/Canvas实现。
父元素高度塌陷是因为浮动元素脱离标准文档流,导致父容器无法计算其高度;常见于仅含浮动子元素的父容器,清除浮动应通过创建BFC(如display:flow-root)或伪元素clearfix实现。
移动端导航条默认塌陷后通过checkbox+CSS:checked控制展开,用visibility:hidden配合过渡实现无障碍友好;需确保.nav-list紧跟input,避免display:no...