首页技术文章正文

什么是Sass?Sass的优势有哪些?

更新时间:2020-12-10 来源:黑马程序员 浏览量:

1577370495235_学IT就到黑马程序员.gif

  在学习Sass之前,首先了解一下原生CSS语言,CSS仅仅是一个标记语言,不是编程语言,因此不可以自定义变量,也不可以引用。CSS主要有以下缺点。

  (1) CSS是一门非程序式语言,没有变量、函数、SCOPE(作用域)等概念。

  (2) CSS需要书写大量看似没有逻辑的代码,代码冗余度是比较高的。

  (3) CSS没有很好的计算能力。

  (4) 不方便维护及扩展,不利于复用。

  从上述内容中,我们了解到CSS语言在实现页面的样式时,存在着些许不足。为了解决css在实际开发过程中存在的问题,我们可以使用Sass来实现页面的样式。

  Sass是一款成熟、稳定、强大的专业级CSS扩展语言,它是一款强化CSS的辅助工具,在CSS语法的基础上增加了变量(variables)、嵌套(nestedrules)、混合(mixins)、导入(inline imports)等高级功能,让CSS更加强大与优雅。使用Sass以及Sass的样式库(如Compass)有助于更好地组织管理样式文件,以及更高效地开发项目。

  Sass的优势主要包括如下几点。

  (1) Sass完全兼容所有版本的CSS。

  (2) 特性丰富,Sass拥有比其他任何CSS扩展语言更多的功能和特性。

  (3) 技术成熟,功能强大。

  (4) 行业认可,越来越多的人使用Sass。

  (5) 社区庞大,大多数科技企业和成百上千名开发者为Sass提供支持。

  (6) 有无数框架使用Sass构建,如Compass、Bootstrap、Bourbon和Susy。

  此外,Sass为CSS引入了变量的概念。在Sass中编写样式代码时,可以把反复使用的CSS属性值定义成一个变量,这样就不需重复地书写此属性值,在使用此属性值时只需通过变量名在不同的代码位置来引用它。或者,对于仅使用过一次的属性值,可以赋予其一个易懂的变量名,让人很直观地看出这个属性值的用途。

猜你喜欢:

【web前端】移动端web页面如何定义和使用初始化样式?

如何通过Less变量来实现CSS样式

黑马程序员web前端培训课程 

分享到:
在线咨询 我要报名
和我们在线交谈!