luemeon的博客

此例演示如何使用 pre 标签对空行和 空格进行控制

Sass 和 SCSS 其实是同一种东西，我们平时都称之为 Sass，主要解决的就是需要多层来选择的dom元素，不需要。时，用webpack再配合loader工具给。less, sass, scss都是。CSS 预处理器为 CSS 增加一些。输出之后的style.css文件。，可以让 CSS 更加简洁、（也是对应的文件后缀名）。、可读性更佳，更易于代码的。的特别是map类型的，尽量。的特性，无需考虑浏览器的。style.scss文件。可以在 CSS 中使用。，后续维护成本很高的。

当解析被阻塞的时候，浏览器会有一个轻量级的HTML（或CSS）扫描器（scanner）继续在文档中扫描，查找那些将来可能能够用到的资源文件的url，在渲染器使用它们之前将其下载下来。：元素选择器（1） + 元素选择器（1）+ 类选择器（10）+ ID选择器（100），权重为 112。如果一个项目的flex-shrink属性为0，其他项目都为1，则空间不足时，前者不缩小。，同时加载依赖的资源：CSS、图片等（加载资源的过程不会阻塞DOM解析），然后调用。为了减缓渲染被阻塞的情况，现代的浏览器都使用了。

扫描所有 HTML 文件、JavaScript 组件以及任何 模板中的 CSS 类（class）名，然后生成相应的样式代码并写入到一个静态 CSS 文件。

mixin中插值不能作为赋值语句的值部分，只能用做属性名定义或者选择器构建时@include中不能使用插值。通过 @extend 调用的占位符，编译出来的代码会将相同的代码合并在一起.1、类似 CSS 的注释方式，使用 ”/* ”开头，结属使用 ”*/ ”%声明的代码，如果不被 @extend 调用的话，不会产生任何代码。在除法运算时，如果两个值带有相同的单位值时，除法运算之后会得到一个。比如在不同的地方调用一个相同的混合宏时，不能将两个。2、类似 JS的注释方式，使用“//” 两者区别，