在1982年的时候，万维网的发明者Tim Berners-Lee爵士为了让全世界的物理学家能够方便的进行合作与信息共享，造了HTML(HyperText Markup Language) 超文本置标语言。 在1991年3月，Tim Berners-Lee把HTML介绍给了给他在…

某个月黑风高的夜晚，前端小白菜收到一个任务：做一张像王者荣耀登录界面一样的图片。 对面的猪八戒也太讨厌了！ --沉迷游戏两小时以后，小白菜如是说到。 接下来的任务，就是让这两只猪随着我们的猪蹄鼠标轻轻点击动起来。 根据我们想要得到的图片与鼠标之间的交互效果，为了方便计算，以图片…

最近项目中遇到传统的锚点问题。那什么是锚点问题呢？ 锚点 是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。并且可以对网站内容通过菜单进行快速定位。 上图所示为锚点示意图，那这种需求我们怎么实现呢？下面我就来提供一些在不…

1. less 简介 2. 嵌套规则 3. 变量 4. 混合（mixins） 只有一个值，把值赋给第一个，两个值，赋给第一个和第二个...... 5. 运算 6. 命名空间 7. 引入 8. !important 9. 条件表达式 10. 循环 11. 合并属性 12. 函数库

方案一：直接让设计给一个gif图片即可。 但是这种方案的缺陷就是gif本身是不透明的，而且我们无法去加一个特殊样式，只能依靠设计给什么样的效果，我们就显示什么样的效果。 方案二：采用js去实现，但是很麻烦。 方案三：完全采用css去实现，无需加载其他资源，而且可以定制开发。 使…

BFC 即 Block Formatting Contexts (块级格式化上下文)，它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。 具有 BFC 特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到…

我们常用的其实就是px，em，rem，%四种，下文中我们将对常用的长度单位重点分析，对非常用的长度单位简单介绍。 首先我们要知道css中的长度单位可以分为两类：相对长度单位 和 绝对长度单位 。 css相对长度单位中的 “相对” 二字，表明了其长度会随着它的参考值的变化而变化，…

从古老的的百分比布局+px+媒体查询到rem布局，一直没找到心仪的移动端适配方案。网上搜索的教程质量也是参差不齐(要么配置过于繁琐，要么一篇文章到处抄袭)，反正我看完了总有一种无从下手的无奈。所幸，经同事推荐找到一款完美的插件。欣喜之余，以作记录。同时希望能给需要的朋友提供帮助…

transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值 变换延迟时间：transition-delay。 不是所有的CSS属性都支持transition。 tran…