![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS3
Simple_IDE
这个作者很懒,什么都没留下…
展开
-
less使用混入(mixin)使px转为rem
.px2rem(@name, @px){ @{name}: @px / 37.5px * 1rem;}.home{ .test{ background:red; .px2rem(width,20) }}原创 2021-06-10 14:49:49 · 1636 阅读 · 0 评论 -
animate.css一些实现原理
首先是demo的创建如下,就可以像官网那样每次点击之后就执行一次动画了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, init原创 2021-05-12 18:39:23 · 408 阅读 · 0 评论 -
解决出现双滚动条或body超出设备大小的办法
看是x轴还是y轴超出如果是x轴超出或者是x轴出现双滚动条overflow-x:unset;如果是y轴超出或者是y轴出现双滚动条overflow-y:unset;原创 2021-05-11 18:43:14 · 452 阅读 · 0 评论 -
使用text-overflow截断超长文字显示技巧
使用text-overflow截断超长文字显示技巧.giveMeEllipsis { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: N; /* 控制显示的行数 */ line-height: X; /* 对不支持浏览器的 */ max-height: X*N;原创 2021-04-22 13:41:34 · 127 阅读 · 0 评论 -
em,rem用法
em,rem用法原创 2021-01-15 10:40:01 · 120 阅读 · 0 评论 -
让输入框左边有图片
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div c原创 2020-10-17 08:57:18 · 1062 阅读 · 0 评论