随笔分类 - CSS
摘要:css scroll-behavior
阅读全文
摘要:先来个目标预览: 实现 一般看到虚线边框,首先会想到CSS为dashed的border-style属性,基础代码为: 实现效果是下面这个样子: 对比要实现的最终结果,有两点需要改进:1、虚线距离边框有一定的距离; 2、阴影; 阴影实现大家都会想到想到用box-shadow,也可以假借box-shad
阅读全文
摘要:背景 如下图,订单列表里的标题 ,需求是:地名1——地名2; 现实情况可能有以下五种情况 : 分析 看到上面的需求,我们自然而然能想到的就是使用flex布局 先写个demo: HTML如下: CSS: 结果如下: 解决问题 上面的demo看似满足了需求,实际还有几个细节问题: 结果: 显示结果: 可
阅读全文
摘要:Retina屏问世蛮长时间了,想必不少前端人员被“像素眼”设计师提到过这个问题,下面直接是我常用到的解决方案: 四边框都有的话,用scale;一个或两个边框用渐变! 附上前辈总结的各种方法:https://www.cnblogs.com/surfaces/p/5158582.html
阅读全文
摘要:纯粹记录,时间长了不写,会忘记 单行溢出: 多行溢出: n代表行数
阅读全文