7.23笔记

perspective 指定了观察者与z=0平面的距离，使具有三位位置变换的元素产生透视效果

 

特色功能

·完全兼容CSS3

··在CSS基础上增加变量、嵌套（nesting）、混合（mixins）等功能

·通过函数进行颜色值与属性值的运算

·提供控制指令（control directives）等高级功能

语法格式

 Sass预处理技术

sass（Syntactically(语法) Awesome(极好的) StyleSheets(样式表)）

什么是CSS预处理器
css预处理器是对css的扩展，弥补了css的一些缺陷，比如缺少变量，缺少代码块，缺少继承，缺少逻辑判断，从而提高代码的可维护性

 配置扩展

 使用变量

 嵌套规则

css中重复选择器是非常恼人的。如果要写一大串指向页面中同一块样式时，往往需要一遍又一遍地写同一个ID：

 

 层次选择器：>、+和~

 嵌套属性

Sass为我们提供了一种方便的操作方式：嵌套。在Sass中，共有3种嵌套方式：

• （1）选择器嵌套；
• （2）属性嵌套；
• （3）伪类嵌套；
• 

 使用SASS部分文件

 原生的css导入

 静默注释

css中注释的作用包括帮助你组织样式、以后你看自己的代码时明白为什么这样写，以及简单的样式说明。但是，你并不希望每个浏览网站源码的人都能看到所有注释。

sass另外提供了一种不同于css标准注释格式/* ... */的注释语法，即静默注释，其内容不会出现在生成的css文件中。静默注释的语法跟JavaScriptJava等类C的语言中单行注释的语法相同，它们以//开头，注释内容直到行末。

body {
  color: #333; // 这种注释内容不会出现在生成的css文件中
  padding: 0; /* 这种注释内容会出现在生成的css文件中 */
}