温故知新
Mr.X、
这个作者很懒,什么都没留下…
展开
-
CSS中的背景用法大全
CSS中的背景用法大全转https://mp.weixin.qq.com/s?__biz=MjM5MDA2MTI1MA==&mid=2649095957&idx=4&sn=bafba1d664f8dafbadc27b6275fe5d52&chksm=be5bd8b8892c51aec42313b56b2288c52f2f3df2af6674362a90c667a9f6b1655918ed271b38&mpshare=1&scene=23&s..转载 2020-06-25 14:29:52 · 165 阅读 · 0 评论 -
60个非常实用的CSS代码片段,千万要收藏好了!
60个非常实用的CSS代码片段,千万要收藏好了!https://mp.weixin.qq.com/s?__biz=MjM5MDA2MTI1MA==&mid=2649095862&idx=2&sn=62c4ef430a53cc0b7e53086821efcd00&chksm=be5bd91b892c500d9cac251a7ca4db252fce1fe795fdb70291e61e783ed4d69e036fc39fcc45&mpshare=1&scene=转载 2020-06-20 11:12:10 · 269 阅读 · 0 评论 -
文本超出部分显示省略号,水平垂直居中的方式,利用伪元素画三角
文本超出部分显示省略号单行overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; // 最多显示几行overflow: hidden;水平垂直居中的方式flex// 父容器display: flex;justify-content: cen.原创 2020-05-28 22:28:50 · 398 阅读 · 0 评论 -
视网膜分辨率的图形使用什么技术?什么情况下,用translate()而不用绝对定位?
视网膜分辨率的图形?当中使用什么技术?1.使用高分辨率的图形(显示尺寸的两倍)来处理视网膜显示,也就是使用2倍图。2.更好的做法是使用媒体查询,像@media only screen and (min-device-pixel-ratio: 2) { ... },然后改变background-image,不同分辨率的屏幕使用不同的图片。3.对于图标类的图形,我会尽可能使用 svg 和字体图标,因为它们在任何分辨率下都不会失真。4.还有一种方法是在检查了window.devicePixelRa原创 2020-05-28 22:20:42 · 572 阅读 · 0 评论 -
重绘回流
https://segmentfault.com/a/1190000017329980转载 2020-05-20 23:25:20 · 115 阅读 · 0 评论 -
如何实现一个使用非标准字体的网页设计?
使用@font-face并为不同的font-weight定义font-family。转载 2020-05-10 10:50:42 · 426 阅读 · 0 评论 -
通过修改透明度,形成层叠上下文
在以下情况下,堆叠上下文由文档中的任何元素在文档中的任何位置形成:文档的根元素(<html>)。 元素与position值absolute或者relative和z-index比其他价值auto。 带有或position值的元素(对于所有移动浏览器均具有粘性,但不适用于较旧的桌面)。fixedsticky 是flex(flexbox)容器的子元素的元素,其z-index值不是auto。 是grid(grid)容器的子元素的元素,其z-index值不是auto。 opacity...转载 2020-05-10 10:17:02 · 150 阅读 · 0 评论