随笔分类 -  css

CSS实现单行、多行文本溢出显示省略号（…）
摘要：如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。 实现方法： 效果如图： 但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢。 接下来重点说一说多行文本溢出显示省略号，如 阅读全文
posted @ 2019-11-28 10:19 花儿为何那样红 阅读(401) 评论(0) 推荐(0)
Unable to preventDefault inside passive event listener
摘要：最近做项目经常在 chrome 的控制台看到如下提示： 于是 Google 了一番，找到这篇文章，有了详细解释。Making touch scrolling fast by default 简而言之： 这就导致了一个问题： 测试： 那么如何解决这个问题呢？不让控制台提示，而且 preventDefa 阅读全文
posted @ 2019-02-12 14:49 花儿为何那样红 阅读(661) 评论(0) 推荐(1)
bootstrap.css.map 404
摘要：删除bootstrap.css的最后一行即可： /*# sourceMappingURL=bootstrap.css.map */ English: from bootstrap-theme.css remove last line /*# sourceMappingURL=bootstrap-th 阅读全文
posted @ 2018-10-02 20:52 花儿为何那样红 阅读(2700) 评论(0) 推荐(0)
CSS自定义属性expression_r
摘要：CSS的出现使网页制作者在对网页元素的控制方便许多，当然，有利必有弊，CSS只能对颜色、大小、距离等静态样式有效，对于要实现某些html元素的动态样式就显得有些力不从心。有了CSS的自定义属性expression_r，可以自己定义属性，自己在属性里写需要的代码，这样就可以结合CSS的特性与JS特效， 阅读全文
posted @ 2017-09-05 09:55 花儿为何那样红 阅读(752) 评论(0) 推荐(0)
h5简易手写板
摘要：。。。。。。。。。。。。。 我该说点什么呢，开头居然不知道想说点什么！好吧不知道说什么，我们就来说说这个手写板吧，虽然这个手写板现在没什么用，但是。。。。。，好像的确没什么用啊！ 只是存粹哪里练手的的，呵 。呵 。（大写的尴尬）。我到底在说什么啊！！！好吧不说了，都快跑题了。 我们先看效果吧： 在我 阅读全文
posted @ 2017-07-19 11:25 花儿为何那样红 阅读(866) 评论(0) 推荐(0)
用原生JS读写CSS样式的方法总结
摘要：一、可以通过DOM节点对象的style对象(即CSSStyleDeclaration对象)来读写文档元素的CSS样式 如：var elm = document.getElementById('test'); elm.style.color = 'black'; 二、通过Element对象的getAt 阅读全文
posted @ 2017-07-10 17:16 花儿为何那样红 阅读(304) 评论(0) 推荐(0)
CSS如何实现圆角的outline效果？
摘要：一、首先，outline是个很牛逼的东西 温故而知鑫，10年的时候写过一篇可用性方面的文章：“页面可用性之outline轮廓外框的一些研究”，还算挺有用的；3年之后，也就是13年，介绍了个没什么使用价值的东西：“纯CSS实现的outline切换transition动画效果”。 个把星期前，微博上抛出 阅读全文
posted @ 2017-04-05 10:31 花儿为何那样红 阅读(758) 评论(0) 推荐(0)