邪人君子的博客

本篇文章主要介绍em、rem和px之间的区别

本文总结了一下CSS实现水平垂直居中的方式

清除浮动主要是为了解决，父元素因为子级元素浮动引起的内部高度为0的问题。

盒子模型什么是盒子模型在HTML文档中，每个元素都有盒子模型。由外到内分别为最外边距区域(margin area)，边框区域(border area)，内边距区域(padding area)和内容区域(content area)。一个简单的例子：<div class="content"></div>.content { width: 200px; height: 200px; margin: 50px; border: 25px solid

一句话概括响应式网页设计如果要用一句话概括响应式网页设计，我觉得它是针对任意设备对网页内容进行完美布局的一种显示机制。响应式网页设计这个术语还有一堆表示相同意思的其他叫法，如流式设计、弹性布局、塑料布局、流体设计、自适应布局、跨设备设计以及弹性设计。进入了响应式网页设计的教堂，就不要再迷恋像素（px）这个度量单位，因为大多数情况下我们不会用像素，而会使用相对度量单位（em 或百分比）。媒体...

本节目录什么是 BFC如何产生BFC？外边距坍塌的三种情况及其解决方法父子元素/margin越界解决外边距坍塌的三个解决方法同级相邻元素解决方法之触发 BFC：空块元素解决方法之触发 BFC：什么是 BFCFC的全称是：Formatting Contexts，是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系...