我们在编辑一个版面，通常都会用到水平居中和垂直居中来设计，而水平居中很好处理，不外乎就是设定margin:0 auto；或是text-align:center；，就可以轻松解决掉水平居中的问题，但一直以来最麻烦对齐问题，都是“垂直居中”这个 ...

CSS3 的 calc() 函数允许我们在属性值中执行数学操作。例如，我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。 .foo { width: calc(100px + 50px); } 为什么是 calc() ...

一个纯CSS实现的球体动画效果： 经过研究上面的效果实现起来大致可以分为五个步骤，下面就来一一介绍。 1.使用Jade和SCSS生成一个圆圈 创建一个圆圈的第一步是生成所有组成圆圈的粒子。有了Jade，我们不用一个一个的写出200个div。 ...

counter基本用法 在CSS里头，counter是个很有意思的功能，最常见得就是如果我们使用list清单，样式选择decimal十进制，当清单变多的时候数字也会跟着增加，底层貌似就是使用counter来做的，也因为counter所产生的 ...

出自程序员之手的 JavaScript 代码，该如何变成计算机所能理解的机器语言呢？本文将带你走进 JavaScript 引擎内部，一探究竟。 JavaScript 很酷（这一点不用我说），但一台机器究竟是怎样理解我们编写的代码呢？作为Ja ...

时间还是定格在昨天下午，快下班的时候，有个小兄弟问我，「问你个事，某马、某峰、某硅谷、某软哪个比较好呢？我想学习前端或者Java」 有一说一，在我个人印象中，黑马还是有一定的招生门槛的，不是什么人都招的，从这方面可以看出他们对学员还是很负责 ...

学习编程语言之前，首先要搞清楚“编程语言”这个概念。 我们通过有固定格式和固定词汇的“语言”来控制他人，让他人为我们做事情。语言有很多种，包括汉语、英语、法语、韩语等，虽然他们的词汇和格式都不一样，但是可以达到同样的目的，我们可以选择任意一 ...

像素 (px) 是一种绝对单位（absolute units）， 因为无论其他相关的设置怎么变化，像素指定的值是不会变化的。其他的绝对单位如下： mm, cm, in: 毫米（Millimeters），厘米（centimeters），英寸（ ...

HTML常用meta大全 Meta标签是HTML语言head区的一个辅助性标签，它位于HTML文档头部的head标记和title标记之间，它提供用户不可见的信息。 Meta ： 即 元数据（Metadata）是数据的数据信息。 元数据可以被 ...

网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C ...