一、用途 可视区域即我们浏览网页的设备肉眼可见的区域，如下图 在日常开发中，我们经常需要判断目标元素是否在视窗之内或者和视窗的距离小于一个值（例如 100 px），从而实现一些常用的功能，例如： 图片

在Web应用中，实现动画效果的方法比较多，Javascript 中可以通过定时器 setTimeout 来实现，css3 可以使用 transition 和 animation 来实现，html5 中的 canvas 也可以实现。除此之外，html5 还提供一个专门用于请求动画…

本文将介绍一种仍处于实验性但十分有用的 position:sticky 布局，粘性布局。深入浅出，对提高 CSS 大有裨益。

transition：transition 不支持 display。

块级元素从上至下、 行内元素在每行中按从左至右的挨次排放元素,即为文档流。 span、em、i，以及有sub和sup这两个标签可以直接做出平方的效果sub sup。 div、p、h1-h6，以及有html5里面的header, section, footer, aside, n…

本篇文章将研究一个CSS属性值width: 100%的问题。在CSS样式中，经常会见到有人将一个div的宽度设置为width: 100%。如下所示： width的百分比值是相对于包含块的，也就是相对于父元素的宽度。但是这个宽度是指width宽度呢？还是指真实的宽度呢？ 但是，细…

在平时开发过程中，由于都是自己捣鼓玩的项目，并没有UI设计给我的设计图，更没有什么特效要求，导致对css动画一直都不是很熟悉，但是作为即将进入实习单位的萌新程序员，要时刻准备着设计师要求的各种动画，于是有了这一篇文章。 什么叫过渡？字面意思上来讲，就是元素从这个属性(color…

前几天面试被问到一个问题：CSS 3有哪些新特性，我整个人都不好了。心里MMP，嘴上xxx。 事实上，当前主要网站均已支持CSS 3。但还是要知道CSS3有哪些新特性有助于通过面试

说起KFC，大家都知道是肯德基🍟，但面试官问你什么是BFC、IFC、GFC和FFC的时候，你是否能够像回答KFC是肯德基时的迅速？