但是，盒模型有标准盒模型和IE的盒模型。 很简单，通过设置 box-sizing:content-box(W3C)/border-box(IE)就可以达到自由切换的效果。 这种方法只能获取使用内联样式的元素的宽和高。 这种方法获取的是浏览器渲染以后的元素的宽和高，无论是用何种方…

...... BEM（块，元素，修饰符）是基于组件的Web开发的一种前端命名方法论，主要针对CSS。其背后的想法是将用户界面分为独立的块。即使使用复杂的UI，这也使界面开发变得容易和快速，并且允许重用现有代码而无需复制和粘贴。 不能将修饰符与修饰的块或元素隔离使用。修饰符应更改…

在布局中，对于每块功能的 DOM 结构，我们一般使用一个带有 wrapper 类元素把它包裹起来，让代码或者网页内容更易于阅读。为此，我们一般使用wrapper 或者 container。在CSS 中使用wrapper可能有多种方式，这些方式中，有些会带来一些问题。 在本文中，…

48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看，我们将flex布局分为两部分讲，轴和容器。 打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。 接下来先梳理常见的属…

为加入购物车动画提供一种法案

我总想写点东西，可是写出来的东西并没有我想的那么好（少的可怜的阅读量证明了这一点），这些事情令我懊恼了很久。可以说是在写作过程中我渐渐的忘记了写作的初衷（从别人的文章中获取了知识，得到了答案。也应该分享自己的知识，解决别人的困难）。这可能也是导致我写的比较多，但是质量不佳的原因…

上个周末由于搬家原因耽搁了，导致没有写，抱歉了自己，还有关注我的各位。 说一下个人经历吧，我属于北漂一族，刚来北京三四个月的那种。别人眼中的北京都是忙碌的，虽然忙碌，但是他们也建议我来北京一趟。我怀揣着对北京的向往，以及高薪资，高技术的诱惑就来了。北京的扶梯不像青岛，会留出来靠…

前段时间试译了Keith J.Grant的CSS好书《CSS in Depth》，其中的第二章《Working with relative units》，书中对relative units的讲解和举例可以说相当全面，看完之后发现自己并不太懂CSS相对单位，也希望分享给大家，所以…

为了保证在低版本的机型也能正常显示页面，可以引入 viewport-units-polyfill 来处理 vw 的兼容问题。 viewport-units-polyfill 其实是 viewport-units-buggyfill 的简化版。 简单介绍下 viewport-un…