首先回顾下css 中的 media 定义和使用： 使用 media 查询，你可以针对不同的媒体类型定义不同的样式。 media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面， media 是非常有用的。 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。 实例：如果文档宽度小于 像素则修改背景颜色 background color : medi ...
2018-10-29 16:47 0 2566 推荐指数：
Sass 支持所有的 CSS3 @-Rules，以及 Sass 特有的 “指令”（directives） 1.@import @import 的功能，允许其导入 SCSS 或 Sass 文件。被导入的文件将合并编译到同一个 CSS 文件中，另外，被导入的文件中所包含的变量或者混合指令 ...
一、@media媒体查询用途 媒体查询Media Queries，可以根据不同的设备为其实现不同的样式。@media可以根据不同的屏幕尺寸设置不同的样式，页面布局分别适应移动端、pc端等，在调整浏览器的大小，页面会根据媒体的宽度和高度来重新布置样式。 CSS2中使 ...
新建通用common.scss 引入 这样，就不用重复的写SCSS了。 ...
SCSS即是SASS的新语法，是Sassy CSS的简写，是CSS3语法的超集，也就是说所有有效的CSS3样式也同样适合于SASS。 SASS是CSS3的一个扩展，增加了规则嵌套、变量、混合、选择器继承等等。通过使用命令行的工具或WEB框架插件把它转换成标准的、格式良好的CSS代码 ...
SCSS入门 CSS预处理器 定义了一种新的专门的编程语言，编译后成正常的CSS文件。为CSS增加一些编程的特性，无需考虑浏览器的兼容问题，让CSS更加简洁，适应性更强，可读性更佳，更易于代码的维护等诸多好处。 CSS预处理器语言：scss（sass）、LESS ...
今天看到一段用scss写的工作代码： 其中，&的作用是什么呢？我查阅了以下资料，&是父选择器标识符。 即可把以上代码编译成 当然，&父选择器标识符并不仅仅用于链接伪类选择器，看如下scss代码实例： 编译为css代码如下： ...
一、使用变量 sass 让人们受益的一个重要特性就是为 CSS 引入了变量。你可以把反复使用的 CSS 属性值 定义成变量，然后通过变量名来引用它们，而无需重复书写这一属性值。或者，对于仅使用过 ...
...
