1、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin …

本文章为前端进阶系列的一部分，介绍了基于REM布局的移动端响应式开发的原理以及具体方案。

一说到响应式设计，肯定离不开媒体查询 (Media Query) ，它可以改变页面的布局以精确适应不同的设备。媒体查询通常是我们在实现响应式设计时最后考虑的方案，在使用媒体查询之前，我们总是会多思考一下：还有没有其他的实现方法呢？下文就由此思考，总结了一些技巧来实现简单的响应式布局，或许展示的效果并不是很完美，但希望这些解决思路会为大家带来一些新的启发。

css3 动画

在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascript ，我的第一反应也是，感觉很麻烦啊。所以我一直在想，有没…

现在越来越多的CSS框架，比如Bootstrap，flat UI等等。当我们使用这些UI框架时，由于审美不一样或某些爱好，我们或多或少会去修改一些样式，当然，直接修改源文件是一个方法，但这是一个笨方法，并不推荐。这时，我们就需要自己写一些样式去覆盖，有时你会发现无效或只是一部分…

前几天看了一篇文章 ， 颠覆了我对 CSS 认识，心中无数次蹦出一个念头：'卧槽，卧槽，还能特么这么用，这特么太叼了' ... 本文中，所有的图形都是在单个标签内实现的，大量使用了 CSS3 中的 ::before 、::after 伪元素，transparent 、borde…

网页布局主要包括全屏布局，水平居中，垂直居中和sticky Footer布局。本文针对网页布局的实现，利用传统的解决方案（display + position + float + table）与Flex解决方案进行实践，以加深记忆及巩固所学知识，同时分享给大家，希望也能帮助到前…

作者：滴滴公共前端团队 - Neurotoxin 新年第一篇，首先祝福大家新年好~ 最近在开发一个 Toast组件时，遇到了一些有趣的问题，首先来看一下需求 需求为宽高不定，上下左右垂直居中，如下图 代码如下： HTML 提交成功</div…