sass和bootstrap的区别有哪些

本篇内容主要讲解“sass和bootstrap的区别有哪些”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“sass和bootstrap的区别有哪些”吧!

区别：Bootstrap是基于HTML、CSS、JavaScript开发的简洁、直观、强悍的前端开发框架；而sass是一种层叠样式表语言，是一个将脚本解析成CSS的脚本语言。

本教程操作环境：Windows7系统、bootsrap3.3.7版、DELL G3电脑

bootstrap

Bootstrap是基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。

同时，Bootstrap还提供了一套编码规范，使团队编写的CSS和JavaScript代码更加规范，进而使团队的开发效率得到极大地提升。

Bootstrap是一个易用、优雅、灵活、可扩展的前端工具包，里面包含了丰富的Web组件，包括布局、栅格、表格、表单、导航、按钮、进度条、媒体对象等，基于这些组件，可以快速搭建一个漂亮、功能完备的网站。由于Firefox、Chrome、Safari等主流浏览器对W3C标准有着较好的支持，因此，Bootstrap在网页夸浏览器兼容方面也有相当不错的表现。

sass

Sass是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。在开发最初版本之后，Weizenbaum和Chris Eppstein继续通过SassScript来继续扩充Sass的功能。SassScript是一个在Sass文件中使用的小型脚本语言。

Sass是一个将脚本解析成CSS的脚本语言，即SassScript。

Sass包括两套语法。最开始的语法叫做“缩进语法”，与Haml类似，使用缩进来区分代码块，并且用回车将不同规则分隔开。

而较新的语法叫做“SCSS”，使用和CSS一样的块语法，即使用大括号将不同的规则分开，使用分号将具体的样式分开。通常情况下，这两套语法通过.sass和.scss两个文件扩展名区分开。

Sass 扩展了 CSS3，增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码，易于组织和维护。

SASS是对CSS3（层叠样式表）的语法的一种扩充，它可以使用巢状、混入、选择子继承等功能，可以更有效有弹性的写出Stylesheet。Sass最后还是会编译出合法的CSS让浏览可以使用。

也就是说它本身的语法并不太容易让浏览器识别（虽然它和CSS的语法非常的像，几乎一样），因为它不是标准的CSS格式，在它的语法内部可以使用动态变量等，所以它更像一种极简单的动态语言。

到此，相信大家对“sass和bootstrap的区别有哪些”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！