寻根溯源话布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存…

有很多方法来检查我们的 HTML 代码，发现并解决错误，比如：使用 W3C 标签校验服务 。 另外我们也有简单的方法并且能将其整合到我们的工作流当中来，那就是：使用一些稍微高级的 CSS 选择器来高亮潜在问题区域。有一些简单的错误我们可以用 CSS 选择器来捕捉到他。

翻译自CSS Viewport Units: A Quick Start。此文章简单介绍了视口单位及其应用，用于提升大家css知识的广度 单位意义 CSS中有四个基于视口单位，分别为vh、vw、vmin和vmax。 视口高度（vh）- 这个单位表示视口的高度。1vh等于视口高度…

before 伪类之 content 属性 模仿ofo

熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题.原文：16种方法实现水平居中垂直居中 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 2) 若是块级元素, 该元素设置 ma…

css有些属性容易忘记，半天不写就要去查api，有时候api还不好使，于是还是记下来以后方便用，后续会慢慢补充进来的。 可以通过input, blur事件来监听element的输入和输入完后鼠标离开。 手机video 都可以在页面中播放，而不是全屏播放了。 使用clearfix…

关于标题缩略展示的文本展示效果

你大概已经听说过 CSS 自定义属性 （也被称为 CSS 变量），可能你是从 Google 发表的这篇文章中得知这个属性的。你可能尚且不了解这个特性的浏览器支持程度，从没见过相关的最佳实践，也无从将它同 Less 或者 Sass 做比较，总之就是一头雾水。那现在就怀揣着一肚子疑问，接着往下看吧，我将为你一一解答。