sass和css3有哪些区别

这篇文章主要介绍了sass和css3有哪些区别的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇sass和css3有哪些区别文章都会有所收获，下面我们一起来看看吧。

sass和css3的区别：1、sass是由buby语言编写的一款css预处理语言，不使用花括号和分号，而css3是css技术的升级版本，是使用花括号和分号的；2、sass浏览器不能直接识别解析，需要经过编译器编译，而css3可以识别。

本教程操作环境：windows10系统、CSS3&&HTML5版、Dell G3电脑。

sass和css3有什么区别

sass和css区别

CSS 指层叠样式表 (Cascading Style Sheets)

CSS3是CSS（层叠样式表）技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。

Sass (Syntactically Awesome StyleSheets)，是由buby语言编写的一款css预处理语言，有严格的缩进风格，和css编写规范有着很大的出入，是不使用花括号和分号的。

Sass 是一款强化 CSS 的辅助工具，是对 CSS 的扩展，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、继承(extend)、导入 (inline imports)等高级功能，这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库（如 Compass）有助于更好地组织管理样式文件，以及更高效地开发项目， 其后缀是.sass。

css预处理器

css预处理器是用一种专门的语言，进行网页的样式设计，之后在被编译为正常的css文件，以供项目使用。

使用css预处理语言的好处：使css更加简洁、方便修改、可读性强、适应新强并且更易于代码的维护。

总结：

• sass是css预处理语言，编译后生成css；

• sass不使用花括号和分号，使用缩进，css使用花括号和分号；

• sass支持嵌套、继承等高级功能，css不支持；

• sass更加优雅，维护更加方便；

• sass浏览器不能直接识别解析，需要经过编译器编译；
  

• sass的文件后缀名是.sass，css文件的后缀名是.css。
  

书写风格：

// sass
#sidebar
  width: 30%
  background-color: #faa
  
// css
#sidebar {
  width: 30%;
  background-color: #faa;
}

关于“sass和css3有哪些区别”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“sass和css3有哪些区别”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注亿速云行业资讯频道。