移动端页面的踩坑总结： 1、解决手机上点击按钮的时候出现默认蓝色背景 2、隐藏微信浏览器的滚动条 3、行数展示控制 4、图片的不高清，可以通过更换图片来解决，也可加入下方代码，可以让图片更加清晰一点

原本我的文章标题是深入探讨line-height与vertical-align的疑难杂症，但这样似乎没能针对性的抛出一个问题，故改成“彻底搞定vertical-align垂直居中不起作用疑难杂症”。因此，本文讲解的还是line-height和vertical-align。至于各…

在介绍postion之前，有必要先了解下文档流。 简单说就是元素按照其在 HTML 中的位置顺序决定排布的过程。HTML的布局机制就是用文档流模型的，即块元素（block）独占一行，内联元素（inline），不独占一行。 一般使用margin是用来隔开元素与元素的间距；padd…

让一个元素水平居中很简单：如果是内联元素，可以在父元素上设置text-align: center；如果是一个块元素，可以使用margin: auto。 而垂直居中就复杂得多。 有如下样式： 原理是先以元素左上角的点作为参考，将其居中到屏幕中心，在用负的margin让元素便宜自身…

本文的目的是介绍一些概念，来帮你增强 CSS 码力。如标题所示，这篇文章主要是讲块级格式上下文（BFC，Block Formatting Context）。你可能没听过这个术语，但只要你曾经使用 过CSS 布局，你就能明白它。理解 BFC 是什么、它如何工作、如何创建一个 BF…

1. 基础布局方式 2. 常见的布局概念以及实现方法 3. 响应式设计和自适应设计

最近在写移动端 H5 应用，遇到一个值得记录下来的点。现在从它的由来到实现，我们来聊一下移动端 1px，说 1px 不够准确，应该说成 1 物理像素。 CSS 像素 (虚拟像素)：指的是 CSS 样式代码中使用的逻辑像素，在 CSS 规范中，长度单位可以分为两类，绝对单位以及相…

首先公祭日默哀。。。。 百度百科在有人去世会把搜索信息页面灰化，今天访问b站的时候发现在公祭日这一天b站也全站灰化，各网站都以一种互联网的风格来哀悼死者。 哀悼的同时给大家顺便讲下全网站灰色化的实现。 none: 默认值。 blur(): 给图像设置高斯模糊。 brightne…