前端css
用户名加载中......
生活就是这样啊不如诗
展开
-
01_关于幽灵空白节点检测时:div内span标签为什么要设置一个inline-block的解释
幽灵空白节点存在于行框盒子的前面(必要条件 :需要h5的文档声明)(表现形式:没有宽度,永远透明,不能通过脚本获取)因为有现成的提问和回答,所以将截图摘于此。原文地址:https://segmentfault.com/q/1010000014296346/a-1020000014298050提问:回答:最后,感谢两位前辈提供的精确回答。附w3c规范:Line b...转载 2018-10-30 10:11:54 · 1241 阅读 · 0 评论 -
纯css实现多行文字截断
转载原文地址https://github.com/happylindz/blog/issues/12前言最近在做响应式系统设计的时候遇到需要对标题进行多行文字截取的效果,如下图:看似十分简单的标题截断效果,但是竟然没有一个统一 CSS 属性实现标准,需要用到一些奇淫妙计来实现,一般来说,在做这样文字截断效果时我们更多是希望:兼容性好,对各大主流浏览器有好的支持 响应式截断...转载 2018-11-13 20:44:30 · 467 阅读 · 1 评论 -
关于CSS3-animation总结
animation属性的存在,让我们可以很方便的创建动画,但由于属性较多,所以使用时有点乱,所以在此综合整理一下,以便后续使用。 一、animation的属性(以下书写的顺序便是简写时的书写顺序,注意第八个属性,这个属性是不可以简写的)1、animation-name:动画的名称2、animation-duration:动画的持续时间3、animation-timing-...原创 2019-01-26 11:20:16 · 463 阅读 · 0 评论 -
纯css实现overflow与focus锚点选项卡切换
通过纯css实现选项卡功能(overflow:hidden滚动依旧存在,从而可以完成锚点定位,达到切换目的),采用focus锚点,避免了url锚点触动的由内到外的窗体定位;但是纯css还是存在缺点:当选项卡在页面外时,因为采用focus锚点,所以依然会通过tab键切换选项卡;所以,可以配合js使用,在js加载缓慢时,依旧可以操作选项卡;当js加载完毕,通过移除label的for属性,去除c...原创 2019-04-05 19:16:54 · 811 阅读 · 0 评论 -
记录对格式化宽高的进一步认识
刚刚在使用格式化宽高模拟了模态框的灰色背景时,进一步认识了格式化宽高的一些表现,所以在此记录。以上是模拟模态框时的源码。当使用格式化宽高覆盖一个半透明背景时,为.box设置position:absolute;发现其流动性只能适应浏览器最大视口,当为body设置大于视口的长度宽度时,半透明背景的流动性消失,表现如下:但在为.box设置为position:fixed;时,不管将bo...原创 2019-03-28 21:51:26 · 138 阅读 · 1 评论