原文地址： Writing better CSS with currentColor 本文已获得原作者 Alkshendra Maurya 的授权 译文出自： 掘金翻译计划 译者： yangzj1992 校对者： linpu.li , Nicolas(Yifei) Li 总有一些极其强大的 CSS 属性在目前已经有了很好的浏览器支持，但却很少被

原文地址： Bootstrap considered harmful 译文出自： 掘金翻译计划 译者： MAYDAY1993 校对者： Kulbear hpoenixf 近年来，在前端项目中， Bootstrap 已经成为了一个非常受欢迎的工具。 Bootstrap 的确有很多优点，然而，如果你的团队中恰好有一个专职的前

原文地址： Practical SVG 本文已获得原作者 Chris Coyier 的授权 译文出自： 掘金翻译计划 译者： MAYDAY1993 校对者： zhouzihanntu hpoenixf 可能你想控制任何你放在网上的图片的尺寸，嗨！就是你！ Logo !你应该是这个大小： imgsrc=logo.pngclass=logo/

原文： Moving along a curved path in CSS with layered animation 翻译： 涂鸦码龙 译者注：部分代码示例在原文中可以看效果（作者写在博文里面了…），我偷懒把它做成Gif图了。 CSS 的 animations （动画） 和 transitions（变换）擅于实现从点 A 到点 B

节选翻译自 The Subtle Magic Behind Why the Bootstrap 3 Grid Works 从接触 Bootstrap 已经有很长时间了，给人的感觉是快速，简单，易上手，其中栅格系统是一个亮点： 一直感觉像 CSS 栅格系统之类的东西拿过来用就好了，不用深究背后的原理。直到有一天你

布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了

CSS中的变量给了我们诸多优点：方便、代码重用、更可靠的代码库和提升 防错 能力。 示例 :root{--base-font-size:16px;--link-color:#6495ed;}p{font-size:var(--base-font-size);}a{font-size:var(--base-font-size);color:var(--link-color);} 基础 当使用

引入 用 CSS 绘制三角形，只是对 border 属性的简单应用。平时使用 border 属性的时候多留意一下，就会发现其中的技巧。下面，我们先看以下代码： HTML代码：divclass=test/div----------CSS代码：.test{width:10px;height:10px;border-top:50pxsolidblack;b