摘要：在CSS中是有三种定位机制的：普通文档流、浮动和绝对定位。在未指定其它两种定位机制的情况下，所有框都是在普通文档流中定位的。普通文档流： 普通文档流，顾名思义，就是根据块级元素的标签在HTML里的顺序，像水流一样，从上至下。当然对于行内元素而言，还是在一行中水平排列的。 这里插入一个积累的小知识... 阅读全文

摘要：优秀的前端工程师总是优先考虑用CSS替代图片：效果图如上。这个动画并非GIF，而是纯CSS绘制，通过JavaScript定时器更新动画。基本思路是创建8个圆形div，绝对定位排列成圆圈，然后，依次通过opacity属性更新透明度，就得到一个loading的效果图。和GIF相比，CSS实现的好处主要在... 阅读全文

摘要：在很多网站中，如果滚动到页面下方，会在右下角一个固定位置出现“返回顶部”的按钮，点一下浏览器滚动条就自动回到顶部了，今天研究了一下，实现的效果如图：首先必须感谢知乎，因为这个按钮的样式就是照抄他们的，纯CSS实现，无图片，我只改了颜色。关于如何用CSS画三角形，参考纯CSS气泡效果一文。首先，在bo... 阅读全文