我之前提到的那样，文档树中的每个元素只是一个矩形盒子。这些盒子都有一个背景层，背景层可以是完全透明或者其它颜色，也可以是一张图片。此背景层由8个CSS属性（加上1个简写的属性）控制。 background-color background- ...

<p>虽然 V 语言是一门很新的语言，还不怎么成熟。但却十分适合用于 web 开发，不仅官方的标准库中提供了 vweb 以及 orm 的支持，不少开发者也都推出了各自的 web 开发框架。</p><p>这里介绍一个国人开发的框架 Valva ...

新的一周开始了，冷风吹得人懒洋洋不想动弹.趁着总结iOS新特性之前继续学习CSS布局。 Absolute 绝对布局，破坏了流结构，会直接覆盖在其他流结构布局元素上。 position:absolute; ① 未设置left right bo ...

<p>最近因为公司项目需要搭建一个私服 npm，安排我来研究，这两天也踩了不少坑，于是记录下踩坑经历，避免小伙伴们踩坑。</p><p>私服 npm 能做什么？</p><p>如果一个公司的项目非常多，而且有很多的方法、组件、api都是可以共用 ...

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

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

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

这是只用了一个div来做的小动画，纯粹利用CSS3的animation来完成，就像是一个正方形在地上弹跳，碰到地面的时候尖角还会压缩变圆，阴影的部分也会随着正方形升高而缩小，至于到底该怎么完成呢？让我们继续看下去。 利用伪元素 由于只使用了 ...

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

image 外界对程序员的印象就是坐在电脑前面写程序。甚至有人问过我“真的有那么多程序要写吗”这样的话。 总体来说，大多数做程序员的都是帮着公司开发一个产品。这个产品按平台分的话可以是一个网站，可以是一个手机APP，可以是传统的桌面程序， ...