white-space、word-break、word-wrap（overflow-wrap）估计是css里最基本却又容易让人迷惑的三个属性了，估计很多人都有把它们搞混或用错的经历。必须系统整理一下，今天我们就把这三个属性彻底搞清楚！ 可以看到，nbsp;和</br>可以正常发…

使用纯 CSS 实现波浪效果不再困难，CSS 奇技淫巧。

当触发scroll、resize这类的滚动事件时，被触发的频率非常高，间隔也特别近。如果事件中涉及到大量的位置计算、DOM操作、元素重绘等工作，并且这些工作无法在下一个scroll事件出发前完成，就会造成浏览器掉帧（掉帧就是例如图像一闪一闪的,运动不流畅的情况）。加之用户鼠标滚…

大家好、这里就是用了大量动画去做个人主页、还有射击游戏的 yuki。 感觉 css 的动画用的太多了，我的 MacBook 都要“罢工”了，回过头来，我就给大家总结一下，我的实验结果吧。(还是好想用 css 动画 这篇文章的目的大概就是，在网页里用 css 动画加一点复杂的动画…

使用 will-change 代替 translate3d 来激活浏览器的硬件加速...

指的是粘性定位元素最近的可滚动元素（overflow属性值不是visible的元素）的尺寸盒子，如果没有可滚动元素，则表示浏览器视窗盒子。 它的定位效果完全受限于父级元素们。如果父元素的overflow属性设置了scroll，auto,overlay值，那么，粘性定位将会失效 …

最近看一些前端面试题，经常有问到伪类和伪元素的作用以及两者区别，所以特意找了一些资料学习。下面是我对这一方面知识的理解和总结，可能会有遗漏或者一些出入，欢迎大家指正，相互交流～ 伪元素和伪类很像，但是伪元素类似于增添一个新的DOM节点到DOM树中，而不是改变元素的状态。注意了，…

这一篇我们来介绍一类稍微特殊的两种选择器–伪类选择器和伪元素选择器。在页面中，这两类选择器通常用于标记一些特殊的样式，这些样式是基础选择器和组合选择器解决不了的，有些甚至是 JS 也做不到的。下面我们就分别介绍一下这两种特殊的选择器。 在页面中，有时候同一个元素在不同动作下有不…

简单来说就是CSS3中新增的一个函数，calculate（计算）的缩写。用于动态计算宽/高，你可以使用calc()给元素的各个属性设置值【margin、border、padding、font-size】等， 表达式中有“*”和“/”时，其前后可以没有空格，但建议留有空格。 你可…