css variable实战
现在css预处理器是项目的标配，感觉用不到 css variable 这个特性，之前对它的了解大概局限于跟 :root{} 有关系，但是直到看到vantui小程序文档时看到这样的介绍：貌似是一座小金矿...什么是css变量带有前缀--的属性名，比如--example--name，表示的是带有值的自定义属性，其可以通过 var 函数在全文档范围内复用的一般来说css变量（CSS variable）要与 var( ...
CSS 预处理器中的循环
预处理器的循环并不会在太空中发生剧烈爆炸（我希望），但是它有利于书写 DRY CSS（译者注：详细介绍可以参考这篇文章 http://vanseodesign.com/css/dry-principles/）。每个人在讨论模式库以及模块化设计的时候，大部分人的关注点是 CSS 选择器。无论你使用哪种模式的选择器（BEM、OOCSS、SMACSS ...
sticky-footer的5种实现方式
sticky-footer的目的是将footer“定”到浏览器窗口的底部。如果页面上有足够的内容撑开footer仍然会挂在页面的最底部。但是如果页面上的内容很短，footer仍会定位在浏览器窗口的底部。1. margin-bottom负值除了页脚之外，还需要有一个父级标签可以包裹所有内容。它的负边距等于页脚的高度。<body> <div class="wrapper"> ...
第一篇绕口令
左浮动元素的右外边界不会在其右边右浮动元素的左外边界的右边。一个右浮动元素的左外边界不会在其左边任何左浮动元素的右外边界的左边。 ...
