注：本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。

使用最新的 CSS 特性，并编译为就浏览器兼容的语法，类似于 babel preset env 安装：

看了《 less 的 & 详解 https://www.jianshu.com/p/127b0974cfc3》，对于此文再做一别补充

看了《 less 的 & 详解 https://www.jianshu.com/p/127b0974cfc3》，对于此文再做一别补充

flexible会为页面根据屏幕自动添加标签，动态控制initial-scale，maximum-scale，minimum-scale等属性的值。

前端开发还原设计稿的重要性毋庸置疑，目前应用的单位最多还是rem,然而每次在制作过程中需要自己计算rem值，为了能够直接按照设计图的尺寸开发，并且能自动编译转换...

PostCSS是不是实际上是一个CSS预处理器。因为它可以用作预处理器，后处理器，实际上它是各种处理器，它们也可以帮助您优化，清理代码以及执行各种其他任务。本质...

不同于其他很多属性，盒模型中垂直方向上的Margin会在相遇时发生崩塌，也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时，只有二者中的较...

Promise本身是同步的立即执行函数， 当在executor中执行resolve或者reject的时候, 此时是异步操作， 会先执行then/catch等，当...

（1）block： 会独占一行，多个元素会另起一行，可以设置width、height、margin和padding属性；

移动端rem的适配已经淘汰了，目前大家使用的都是viewport。lib-flexible作者也在github明确地表示lib-flexible这个解决方案可以...

在安装postcss-pxtorem的时候会生成一个文件.postcssrc.js 在根目录找到.postcssrc.js文件，可以在此配置的基础上根据项目需...

6.Vue 2.7 的 SFC 编译器现在使用 PostCSS 8。 PostCSS 8 应该向后兼容大多数插件，但如果以前使用只能与 PostCSS 7 一起...

stylelin本体：https://www.npmjs.com/package/stylelint

CSS (Cascading Style Sheets) 其实并不是编程语言，CSS可以直接运行在浏览器中，浏览器就是它们的运行环境，CSS 中文名为层叠样式表...

最后选择是否将配置项保存为预设，然后配置完成，开始生成项目. 进入项目 、启动项目

JavaScript转换样式的工具。让css样式适配不同的浏览器(不用自己去手动的添加了)。

以下是代码实现，实现了思路，但是可能会存在 Bug，但是这种设计题一般是给出设计思路和部分代码，不会需要写出一个无问题的代码

css对于页面的美化作用不言而喻，但是在进行前端布局页面的时候，往往对页面样式的命名不胜其烦。

我是🏅有6年前端及跨平台开发经验、掘金/51CTO活跃作者、曾独立设计混开框架和重构方案并顺利落地 de 小鑫同学。 写作背景： 在热火朝天的前端框架演进的进程...