前言 iphoneX的“刘海”为相机和其他组件留出了空间，同时在底部也留有可操作区域。其实对于 web 前端来说，刘海在绝大多数的场景下是可以不用处理的，因为 safari 或客户端（微信，手Q等）的

Background，写过 CSS 的朋友们肯定都知道这个属性的作用，顾名思义，背景嘛。MDN 中对其的定义如下： Background 是一种 CSS 简写属性，一次性定义了所有的背景属性，包括 color, image, origin 还有 size, repeat 方式等…

首先我们来说一下前端 icon 的发展史。 在我刚开始实习时，大部分图标都是用 img 来实现的。渐渐发现一个页面的请求资源中图片 img 占了大部分，所以为了优化有了image sprite 就是所谓的雪碧图，就是将多个图片合成一个图片，然后利用 css 的 backgrou…

可能是最全的学习 Flexbox 的资源了，希望对大家有所帮助。

实现半个像素的分析

css有些属性容易忘记，半天不写就要去查api，有时候api还不好使，于是还是记下来以后方便用，后续会慢慢补充进来的。 可以通过input, blur事件来监听element的输入和输入完后鼠标离开。 手机video 都可以在页面中播放，而不是全屏播放了。 使用clearfix…

BFC 已经是一个耳听熟闻的词语了，但是我对于BFC的概念以及应用场景一直都不是很明白，据说搞懂BFC可以让我们理解CSS中某些原本诡异的地方。今天着重去了解了一下，做了以下总结。 在解释BFC之前，先说一下文档流。我们常说的文档流其实分为定位流、浮动流、普通流三种。而普通流其…

移动端的崛起，给了我们前端更大的舞台，与此同时，也给我们带来了一系列头疼的问题，移动端适配就是其中之一，目前市面上最常用的方案即是REM适配。 为什么说她是一个磨人的小妖精？因为她确实让人又爱又恨，灵活的自适应布局再搭配上css单位转换工具，让人爱不释手；另一方面，由于移动端的…

🤔🤔🤔