
伪元素
ZTE机型适配需动态设置viewport、校验rem基准、同时监听touch/pointer事件、显式处理dpr及禁用passive;单一方案无效,必须联动UA解析、dpr监听与viewport重写。
gap只对flex容器的直接子元素(即独立flex项目)生效;若图标和文字同属一个子元素(如同一span内),gap无效,须拆分为多个子元素并配合align-items:center实现对齐。
::after能清除浮动是因为它在父容器末尾插入无内容但具块级行为的伪元素,配合clear:both强制下移撑开容器;需content:""、display:table/block...
HTML5标签默认隐藏且需JavaScript控制:show()非模态,showModal()模态并支持::backdrop(Chrome/Edge111+、Safari17.4+),Firefox不...
不推荐大量使用CSS定位布局,因其脱离文档流导致父容器高度塌陷、响应式适配困难、z-index层叠易失控,且相比Flex/Grid缺乏自动伸缩、对齐和内容自适应能力。
内联样式优先级最高(1000),其次ID选择器(100)、类名/属性/伪类(10)、元素选择器(1);特异性决定覆盖关系,!important仅单声明生效且破坏可维护性。
最可靠方式是用@media(prefers-color-scheme:dark)在:root中切换CSS变量,配合color-scheme声明以适配表单控件;需避免硬编码颜色、处理透明度与继承问题,并...
是的,现代浏览器及IE8+默认值均为content-box;IE6–7不支持该属性但行为等效;问题多源于全局重置遗漏或被覆盖,需确保*{box-sizing:border-box}在CSS顶部且未被更...
box-sizing默认值是content-box,width/height仅指内容区尺寸,实际宽度=内容宽+左右padding+左右border;margin折叠使相邻块级元素垂直外边距取较大值而非...
box-sizing默认content-box导致padding使总宽超预期,应全局设border-box;margin会合并,需单边设置或父容器隔离;flex子项宽高失效因默认flex属性,需显式设...