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

摘要：CSS样式定义方法大家都知道，在为HTML设置样式的时候，通常有三种方法：内联样式，内部样式表，外部样式表。1、内联样式： 内联样式表就是在HTML元素中的行内直接添加style属性。1 2 2、内部、外部样式表： 内部样式表就是在头部里有5 //这里是外部样式表，引用了外部的exampl... 阅读全文

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

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

摘要：li 默认显示时前面总是会有一个小黑点，可以用以下方法来清除。1、在CSS中写入代码ul li{list-style-type:none;}2、在相关的页面找到head部分写入下面的代码3、在li,ul内加入list-style。如我的博客 当然这种是很麻烦的了。list-style-type的其它... 阅读全文