很多人都学过flex布局，但是里面的细节你有注意过吗？本篇文章主要是从flex的文档入手，分析出你还不知道的flex

SCSS 是 Sass 3 引入新的语法，其语法完全兼容 CSS3，并且继承了 Sass 的强大功能。也就是说，任何标准的 CSS3 样式表都是具有相同语义的有效的 SCSS 文件，官方解释。 传统的css文件缺失变量等概念，导致需要书写的重复的代码很多。我写JS的习惯是遇见重…

在过去的一段时间里面一直在使用Vue配合 lib-flexible和px2rem-loader配合做移动端的网页适配。秉着求知的思想，今天决定对他的原理进行分析。目前网上比较主流使用的就是淘宝方案和网易的解决方案，所以今天我就从这两方面入手深度了解这两个方案。本着互联网分享的精…

1. 前言 grid 布局是 css 中的一种新的布局方式，对盒子和盒子内容的位置及尺寸有很强的控制能力。与 flex 不同，flex 着重于单轴，而 grid 适应于多轴，下面就来做个简单的介绍。 2. 基本概念 设置 display: grid; 的元素称为容器，它的直接子…

画影图形指描画犯人面影，悬赏通缉。这里用法明显有问题，不过取其表义而已。 在一个前端看来，画图有三种方法，Cavas，SVG 以及 CSS。至于三者优劣，将在此针对各种图形做逐一比较，有方，圆，椭圆，扇形，多边形，渐变，文本处理以及动画 描边与填充是图形的基本属性。 在 CSS…

1. less是什么？ Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS更易维护和扩展 。 Less 可以运行在 Node 或浏览器端。 2. 参考资料 3. 编译工具 在线编译：https://www.w3cscho…

在你的样式表中相同的值重复几十次 甚至上百次 并不少见，变量通过为你提供一种在一个地方管理这些值的方法让你的代码变得更容易维护。 由于变量只能定义一次，实际上也相当于常量。 变量是延迟加载的，在使用前不一定要预先声明。 同名变量后面的会覆盖前面的。 extend可以附加给一个选…

Sass (Syntactically Awesome Stylesheets)是一种动态样式语言，Sass语法属于缩排语法，比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理，函数等)，更容易阅读。 Sass的缩排语法，对于写惯css前端的web开…

网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 +float属性。针对于某些特殊布局就显得非常不方便，例如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案—-Flex布局，可以…