
伪元素
内联样式优先级最高(权值1000),会覆盖其他CSS规则;可通过开发者工具识别element.style,用CSS变量或class替代实现安全覆盖。
用::before插入小图标需设content(如""、Unicode或url)和display(推荐inline-block),字体图标要确保@font-face引入、font-...
box-sizing默认content-box导致宽度超预期,应全局设为border-box;margin合并引发意外间距;浮动致父容器塌陷;flex/grid中align-items与justify...
opacity会使整个元素及子元素一同变透明,而rgba()仅控制颜色透明度且不影响子元素;遮罩推荐用伪元素+rgba实现,避免opacity误用。
clear属性不生效是因为它只对自身所在块级盒且为浮动元素后续兄弟元素才起作用;若父容器无非浮动兄弟元素或错误写在父容器上,则失效;现代推荐用.clearfix::after{content:&quo...
操作element.style仅影响内联样式,无法读取CSS文件样式;应优先用classList切换预设类;读取真实样式须用getComputedStyle;动态主题推荐CSS变量配合setPrope...
HTML不负责排版,CSS才是布局核心;应使用display:flex或grid实现现代布局,避免center、br、float、table等过时方式,注重语义与样式分离。
HTML5原生标签语义化且可访问,但需用CSS伪元素统一跨浏览器样式:WebKit用::-webkit-progress-bar/value,Firefox用::-moz-progress-bar,同...
CSS3Dtransform过渡需保证起止值函数类型、顺序、单位及零值表达完全一致,否则因结构不匹配导致插值失败;正确做法是统一使用如rotateY()rotateX()translateZ()的固定...
浮动元素脱离文档流是因为float使元素脱离普通流并允许文本环绕,导致父容器塌陷;清除浮动需在父容器层面处理,常用伪元素法、overflow触发BFC或空标签法。