
css3
PSD转HTML5有四种方法:一、Photoshop切片导出,适合静态页面;二、专用工具如MarkNet,支持响应式与Retina适配;三、在线服务,便捷但存隐私与质量风险;四、基于标注的手动编码,保...
Flexbox居中只需父容器设display:flex,再用justify-content控制主轴、align-items控制交叉轴;注意主轴由flex-direction决定,父容器需有高度上下文(...
background-attachment:fixed使背景图固定于视口,但仅对可滚动元素生效,受父级transform等影响易失效;需配合background-image和明确高度,移动端需fall...
用opacity+transition实现淡入淡出需设初始opacity并声明transition,避免直接JS赋值跳过渲染帧,禁用display:none过渡,正确处理visibility切换时机,...
IE9及更早版本不支持HTML5动画核心特性,降级需放弃CSS动画、SVG动画等,改用JS驱动的DOM操作并规避重排,结合特性检测而非UA判断兼容性。
背景图片位置不正确通常因默认值未匹配设计需求,需明确坐标基准、单位和方向;background-position定义图像左上角相对于内容区左上角的偏移,支持px/%/关键词,百分比有特殊对齐规则,常用...
应使用tbodytr:nth-child(odd)和tbodytr:nth-child(even),因浏览器将thead/tbody/tfoot视为独立容器,全局tr:nth-child会因thead...
必须写。不设置content属性,::before和::after伪元素完全不会渲染,即使设置了background-color、width、height也无效;content是唯一强制属性,空内容也...
谷歌浏览器电脑版官方入口是https://www.google.com/chrome/,支持自动识别系统、静默安装、跨设备同步、丰富扩展、Blink引擎渲染及沙盒安全防护。
transform-style:preserve-3d失效主因是父层中断3D上下文,须在直接父元素设置且子元素需有Z轴transform;z-index在3D中无效,前后关系由translateZ等决...