随笔分类 -  CSS

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

点击右上角即可分享
微信分享提示