CSS/CSS3
文章平均质量分 69
dq_cl666
谈一场永不分手的恋爱!与那些代码定会不离不弃
展开
-
CSS3中的3W知多少
CSS3中的word-wrap、word-break、white-space想必大家都接触过,今天我们来一起温故而知新。当我们在网站编辑文章的时候难免会遇到文字过长导致溢出的情况,仔细观察会发现是我们的CSS没加文字截断,然后加上word-break:break-all就搞定了。下面给大家介绍CSS3中控制文字换行的三个属性:一、word-wrap1、定义wor转载 2017-03-18 10:22:08 · 409 阅读 · 0 评论 -
跳出CSS浏览器兼容性那些坑
话说现在html5是老大,很多低版本的浏览器已经不需要过多的去测试兼容性问题,但是作为前端的大神小神们,我们还是需要去了解一下低版本浏览器兼容性的解决方法,有备无患,以下是自己的一些总结整理,还望大家多多补充知道(PS:大家都是多多):1、margin加倍问题(IE6中)原因:同时设置:float:left;margin-left:10px/float:right;margin-r原创 2017-03-20 19:46:44 · 294 阅读 · 0 评论 -
pointer-events,一个神奇的css属性
pointer-events,搞前端的朋友们应该听说过这个属性吧。每年圣诞节的时候,许多网页上都会挂出一个雪花飘落的特效增加一些节日气氛。有一些是用flash实现的,也有用HTML+js实现的。当时就很好奇为何在页面z轴最上层增加了一个层却完全不会影响下面元素的任何事件响应。简直是前端黑科技。后来看了大神的解释,原来只用了一个的css属性pointer-events就可以搞定一切了。转载 2017-03-29 14:26:16 · 6120 阅读 · 2 评论 -
揭秘CSS属性选择对动画性能的影响
现在手机的占比越来越高,各种酷炫页面层出不穷,这些特效都离不开css动画。说到css动画,主流的情况也就无非这两大类:位移和形变。而我们在写一个动画特效的过程中,如何去提升它的性能呢?当然首先我们需要去了解一下基本的概念,比如浏览器渲染的工作原理等,这些我也在读了几位大牛写的相关文章后才有了一定的了解,这边我也不细说了,有兴趣的同学可以去了解一下。本次的目的简单粗暴地讲转载 2017-03-30 13:40:35 · 361 阅读 · 0 评论