flex属性介绍 平时在项目中Flex布局的使用频率非常高，但是对于flex的几个值的具体用法和使用场景有时候不是很清楚，所以写此文来总结下。 首先，flex属性其实是一种简写，是flex-grow，

我们在开发H5移动端页面时，UI提供的设计稿一般都是2倍图，750x1334尺寸的。然而实际的移动端设备大小，比如iphone6，其屏幕尺寸为375x667。

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

解释BFC 的定义和作用，如独立渲染区域、解决布局问题等。详细说明了 BFC 的布局规则，包括元素垂直排列、内外隔离、margin 重叠和计算高度时考虑浮动元素等。列出了触发 BFC 的条件。

涅槃计划CSS篇 前言 hi大家好，我是小鱼，今天复习的是z-index。之前以为自己很了解它，可是在工作中总会遇到一些不思其解的问题，后来去深入学习了层叠上下文、层叠等

关于flex:1 使用弹性盒子布局经常会用到一个属性flex:1,这个属性其实是三个属性的缩写形式:flext-grow、flex-shirk和flex-basic

学习前端方向也有一段时间了，起初做过一些项目，总是发现做完之后自己的边框会变得比较粗，后面翻阅了部分资料慢慢的才了解了这个问题，大致列举了几种解决的办法。 在window对象中有一个devicePixelRatio属性，他可以反应css中的像素与设备的像素比。然而1px在不同的…

上图是W3C标准的DOM事件流模型图，从图中可以看出，元素事件响应在DOM树中是从顶层的Window开始“流向”目标元素（），然后又从目标元素“流向”顶层的Window。 通常，我们将这种事件流向分为三个阶段：捕获阶段，目标阶段，冒泡阶段。 捕获阶段是指事件响应从最外层的Win…

本篇章主讲双栏布局和三栏布局的一些较为古老及实用的原理及实现。说它古老主要也是因为我们不会涉及 flex 这一类魔法一般的布局方式，虽然我也知道用 flex 就能轻松实现很多布局。 做这个文章，一方面也是自己做个学习记录，当做温习一番。另一方面，也希望能够帮助看到这篇文章的新手…