
chrome devtools
过渡突兀因默认ease(cubic-bezier(0.25,0.1,0.25,1))起止过慢,需依动效目标手调cubic-bezier()参数:x1/y1控起步、x2/y2控收尾,y可超限实现过冲;须...
HTML5网页修改后无需审批,直接编辑上传即可生效;需确保服务器写入权限、路径正确、清除缓存,并通过Git提交触发静态平台自动部署。
CSS中用linear-gradient()实现渐变背景,需注意方向语法、颜色停靠点用百分比更安全、容器高度需设min-height:100vh、IE9以下需-webkit前缀且顺序前置,兼容性已达9...
在ChromeDevTools中快速定位覆盖某元素的CSS规则,需右键元素选“RevealinStyles”,查看带删除线的声明;优先级由内联样式>ID>类/属性/伪类>标签/伪元素...
固定定位应使用position:fixed,其参照物是视口,元素不随滚动而移动;常见问题包括iOS键盘弹出偏移、transform父容器导致失效、z-index被新层叠上下文限制及横屏错位等。
浏览器渲染HTML需经解析、构建、布局、绘制流水线;HTML解析阻塞于同步脚本,CSSOM与DOM合成渲染树,重排重绘影响性能,DevTools可定位瓶颈。
移动端按钮点击困难的根本原因是触控区域padding不足;iOS/Android要求最小44px44px或48dp,需用rem+媒体查询动态扩增上下padding,并配合touch-action:ma...
元素被遮挡主因是堆叠上下文与z-index规则不清:需先设position(relative等)使z-index生效;父级若创建新堆叠上下文(如opacity
当top/left/right/bottom同时设值且position为absolute或fixed时,浏览器按盒模型偏移规则计算:width=父宽−left−right,height=父高−top−...
div是无语义的布局容器,仅用于分组、定位或样式控制;必须用时仅限无更优语义标签、Grid/Flex父容器或动态DOM占位;禁用替代语义元素、避免样式化类名、减少嵌套层级。