今天来看一些有趣且实用的 CSS 小技巧！ 1. 打字效果 代码实现： 实现效果： 2. 设置阴影 当使用透明图像时，可以使用 drop-shadow() 函数在图像上创建阴影，而不是使用 box s

iframe和HTML5 blob实现JS,CSS,HTML直接当前页预览

所谓 File Prefetching 就是在一个页面加载成功后，默默去预加载后续可能会被访问到的页面的资源。 前端资源预加载其实没啥新鲜的，我们倒腾这个事情的过程却是很有有意思也很有启发性。 第一个版本，简单粗暴有点痛 1、建一个独立的页面，里面索引了各种需要预加载的cs…

在我们编写CSS的时候，经常会用到百分比赋值（%）实现自适应。像我们最常使用的流式布局设计模式，基本所有的column的宽度都是通过%来取值的。或者比如经常会遇到的元素水平垂直居中问题，我们常常会使用下面这样的CSS代码加以实现（absolute+transform思路）： 大…

当html标签被设置了背景色时，我们看见的是真正作用在body上的背景色。 人在前端已经漂泊数年，机缘巧合才发现，这几年给body写的背景色，全被浏览器给「吃」了。文中涉及的是CSS中关于特殊元素（html/body）的背景渲染的原理，对你而言它也许是块新大陆，也可能，你早已熟…

分享一下使用canvas来进行视频播放并且添加弹幕功能。

盒模型是我们每天都在接触的，但盒子模型到底如何计算排列的，总是一知半解。本文尝试从W3C规范和实例入手，解决上述问题。 每个盒子会变成他后代盒子的包含块，后代盒子的大小和位置会根据他包含块的矩形边框进行计算。但是不会受到包含块的限制，可能会溢出。 1. 最基本的例子 2. 当e…

前些天公司要求做一个可以在输入框粘贴Excel表格的控件，也算是折腾了半天时间，写下来做个记录 具体效果可以参考京东客服聊天界面，在输入框粘贴表格后会生成图片发送出去，具体当时怎么栽的坑就不具体说了，下面只是系统的演示一遍步骤