花里胡哨的canvas实现太过于繁琐，这就是本文存在的意义.

css盒子模型 又称为框模型（Box Model），包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如下图： 图中的内层是content依次是padding border margin。通常我们设置背景时就是内容…

之所以要专门写一篇文章去解释margin重叠，一是因为前面的文章里有提到过，怕有些童鞋不了解；二是要写的内容不是三言两语就能说清楚的。 在讲重叠之前，我们先来了解一下margin这个属性。 一. margin 基础讲解 这个属性呢，太常见，我就大概讲讲，有几点大家注意一下就好。…

今天我们来复盘一下前端中css伪元素的知识以及如何用css伪元素来减轻javascript的压力，做出一些脑洞大开的图形。 伪元素是一个附加至选择器末的关键词，允许你对被选择元素的特定部分修改样式。伪元素主要有： 我个人觉得伪元素可以解释为元素的修饰，可以为元素带来额外的附加样…

何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺，推动着人类科学技术的发展，同时犹如文字一样承托着人类文化的进步。 每写好一篇文章，都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…

1. 安装amfe-flexible和px2rem-loader 2. 配置amfe-flexible 3. 配置px2rem-loader 4. 展示效果 1. postcss-aspect-ratio-mini 有一点需要特别注意：aspect-ratio属性不能和其他属性…

写本文的起因是，一天在群里有同学说误打误撞下，使用负的 outline-offset 实现了加号。嗯？好奇的我马上也动手尝试了下，到底是如何使用负的 outline-offset 实现加号呢？ 修改 outline-offset 到一个合适的负值 ，那么在恰当的时候，outli…

这是我找到讲解 格式化上下文 (Block Formatting Context, BFC) 最棒的文章之一（下文统称 BFC ），由于 BFC 困扰我良久，希望这篇翻译能让 BFC 不再困扰大家。 翻译是机翻 + 修改，会有删减，另外强烈推荐阅读原文。 你可能从没听过“块格式…