-
-
CSS多行截断技巧：line-clamp应用解析
-
line-clamp不生效主因是父容器未满足-webkit-box布局前提，须同时设display:-webkit-box、-webkit-line-clamp和-webkit-box-orient:vertical，且仅对块级元素有效，Firefox118+才支持无前缀语法。
-
文章 ·
前端
| 1星期前 |
410浏览
收藏
-
-
HTML验证工具推荐｜自动化测试方案汇总
-
HTML测试需分层验证语法、结构、语义、行为与可访问性，须组合W3C校验器（粘贴代码更准）、HTMLHint（需正确配置）、ChromeDevTools（查真实DOM）、Lighthouse（验lang等标准）等工具协同判断。
-
文章 ·
前端
| 1星期前 |
410浏览
收藏
-
-
HTML视频封面图设置技巧
-
video标签的poster属性能显示封面，但仅在视频未加载或未播放时作为占位图生效，加载元数据后自动消失；需用合法图片路径，不支持base64；加载失败无原生兜底，须JS监听error或用img模拟封面层。
-
文章 ·
前端
| 1星期前 |
410浏览
收藏
-
-
全屏模态遮罩层实现方法分享
-
fixed遮罩未撑满全屏的根本原因是默认宽高为内容尺寸且受父容器transform等影响；需显式设width:100vw、height:100vh、top:0、left:0，并注意z-index层级、pointer-events及兼容性问题。
-
文章 ·
前端
| 5天前 |
410浏览
收藏
-
-
CSS深色模式：Sass颜色函数自动适配
-
Sass的lighten()/darken()在深色模式下失效，因其仅机械调整明度而不感知背景明暗；应改用mix()、预定义双色值或contrast-color()等方案。
-
文章 ·
前端
| 1天前 |
410浏览
收藏
-
