CSS3与CSS2与CSS1有什么区别？

相信学前端的很多同学一直都有种纠结点，就是这三者之间到底什么区别，接下来小编我一一为你拨开云雾

1. css3与css2与css1有什么区别？

　　CSS1 提供有关字体、颜色、文本属性的基本信息

　　CSS2 是一套全新的样式表结构，是由W3C推行的

　　CSS3 是朝着模块化发展的，更多新的模块也被加入进来

 

　　简单来说就是css2有的属性css3都有，但是css3有的属性css2不一定有。 CSS3是最新的版本，效果上CSS2是比不了的，

　　css3可以说是css2的进阶，因为css3是在css2的基础上增加了一些新的属性。比如定义圆角、背景颜色渐变、背景图片大小控制

　　和定义多个背景图片等很多，这个是CSS2上没有的效果，现在新版本的浏览器基本都支持CSS3

 

2. scss是什么？sass又是什么？与CSS各有什么区别？

　　scss、sass，它们都可以称为：CSS预处理器语言。

　　什么是 Sass？

　　Sass 官网上是这样描述 Sass 的：

　　Sass 是一门高于 CSS 的元语言，它能用来清晰地、结构化地描述文件样式，有着比普通 CSS 更加强大的功能。

　　Sass 能够提供更简洁、更优雅的语法，同时提供多种功能来创建可维护和管理的样式表。

　　Sass 和 SCSS 有什么区别？　

　　Sass 和 SCSS 其实是同一种东西，我们平时都称之为 Sass，

　　两者之间不同之处有两点：

　　①文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 SCSS 是以“.scss”后缀为扩展名

　　②语法书写方式不同，Sass 是以严格的缩进式语法规则来书写，不带大括号({})和分号(;)，而 SCSS 的语法书写和我们的 CSS 语法书写方式非常类似。

 

　　SCSS 是 Sass 3 引入新的语法，可以理解scss是sass的一个升级版本，其语法完全兼容 CSS3，并且继承了 Sass 的强大功能。

　　唯一不同的是，SCSS 需要使用分号和花括号而不是换行和缩进。

　　比如：

　　//sass 太费眼了

　　.father

　　　　width:100px;

　　　　.son

　　　　width:50px;

　　//scss 适合我们这种眼瘸手残患者

　　.father{

　　　　width:100px;

　　　　.son{

　　　　　　　width:50px;

　　　　　　　}

　　　　} 

感谢各位网友的观看，欢迎广大博友提出批评与指正，衷心感谢！！！