网页设计】为什么需要使用SASS?

2020-12-28 09:33发布

15条回答

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

SASS是对CSS3(层叠样式表)的语法的一种扩充,它可以使用巢状、混入、选择子继承等功能,可以更有效有弹性的写出Stylesheet。Sass最后还是会编译出合法的CSS让浏览可以使用,也就是说它本身的语法并不太容易让浏览器识别(虽然它和CSS的语法非常的像,几乎一样),因为它不是标准的CSS格式,在它的语法内部可以使用动态变量等,所以它更像一种极简单的动态语言。


小小李兆佳
3楼 · 2020-12-28 11:12

Sass是一种元语言的CSS,用它描述的文档具有干净风格和结构。与传统的css语法相比它能够做更多的事情。Sass都提供了一个更简单、更优雅的语法CSS,实现各种功能,是比较有用的管理css样式的一种新方式。

常规的css是不能够适应变量、mixin还有其他的好东西的,sass与其相比,sass提供了一种语法能够把一些强大的函数功能加入到你的css中去。然后它能通过一个命令行程序或某种web架构插件将该语法编译为常规的CSS文件。

更具体地说,Sass是CSS3的扩展,其SCSS(Sassy CSS)语法,稍微过一会,我们将讨论CSS3的超级集合。这意味着,任何有效的CSS3文件是有效SCSS文档。如果你有你一点点的css3的基础,对于Sass你可以很轻松的入门。你可以用他尝试着写一点东西试试看。这也意味着将一个现有样式表从CSS 变成SCSS可以分阶段完成,当你在学习和知道更多Sass的功能时。

不久之后,你将能够很流畅的使用Sass(它不会花费你太多时间的),感觉起来它就是一种专门为了css而生的扩展,它似乎填补了css本身的一些不足之处。这就是为什么当我一开始使用Sass之后就没有那种不爽的感觉,就像写css一样的爽。我想一旦你尝试着使用了它,你肯定也会无法自拔的。

而且,Sass还能够帮助我们的css代码写得更好。通过确认某些特性--目前不可能没有预处理程序的帮助下,给CSS书写者实际的实现和功能试验。如果它是合理的,某一Sass函数特性推动未来css的规范。

皮卡皮卡-李
4楼 · 2020-12-28 13:42

sass是加强版的less,sass支持函数、条件、循环和一部分数据结构

npm install失败可能是网络原因,建议用nrm切换国内的源,或者用yarn


yy123456
5楼 · 2020-12-28 13:47

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

SASS是对CSS3(层叠样式表)的语法的一种扩充,它可以使用巢状、混入、选择子继承等功能,可以更有效有弹性的写出Stylesheet。Sass最后还是会编译出合法的CSS让浏览可以使用,也就是说它本身的语法并不太容易让浏览器识别(虽然它和CSS的语法非常的像,几乎一样),因为它不是标准的CSS格式,在它的语法内部可以使用动态变量等,所以它更像一种极简单的动态语言


收获很多
6楼 · 2020-12-28 13:57

Sass是一种元语言的CSS,用它描述的文档具有干净风格和结构。与传统的css语法相比它能够做更多的事情。Sass都提供了一个更简单、更优雅的语法CSS,实现各种功能,是比较有用的管理css样式的一种新方式。

常规的css是不能够适应变量、mixin还有其他的好东西的,sass与其相比,sass提供了一种语法能够把一些强大的函数功能加入到你的css中去。然后它能通过一个命令行程序或某种web架构插件将该语法编译为常规的CSS文件。

更具体地说,Sass是CSS3的扩展,其SCSS(Sassy CSS)语法,稍微过一会,我们将


嘿呦嘿呦拔萝卜
7楼 · 2020-12-28 14:18

常规的css是不能够适应变量、mixin还有其他的好东西的,sass与其相比,sass提供了一种语法能够把一些强大的函数功能加入到你的css中去。然后它能通过一个命令行程序或某种web架构插件将该语法编译为常规的CSS文件。


浅浅77
8楼 · 2020-12-28 14:24
  • 易维护,更方便的定制 

  • 对于一个大型或者稍微有规模的UI来说,如果需要替换下整体风格,或者是某个字体的像素值,比如我们经常会遇到panel,window以及portal共用一个背景色,这个时候按照常规的方式,我们需要一个个定位到元素使用的class,然后逐个替换,SASS提供了变量的方式,你可以把某个样式作为一个变量,然后各个class引用这个变量即可,修改时,我们只需修改对应的变量。 

  • 对于编程人员的友好 

  • 对于一个没有前端基础的编程人员,写css样式是一件非常痛苦的事情,他们会感觉到各种约束,为什么我不能定一个变量来避免那些类似“变量”的重复书写?为什么我不能继承上个class的样式定义?SASS/SCSS正是帮编程人员解开了这些疑惑,让css看起来更像是一门编程语言。 

  • 效率的提升 

  • 对于一个前端开发人员来说,我不熟悉编程,也不关注css是否具有的一些编程语言特性,但这不是你放弃他的理由,css3的发展,加之主流浏览器的兼容性不一,很多浏览器都有自己的兼容hack,很多时候我们需要针对不同的浏览器写一堆的hack,这种浪费时间的重复劳动就交给SASS处理去吧!

小鹿姐姐
9楼 · 2020-12-28 14:41

1、Sass在市面上有一些成熟的框架,比如说Compass,而且有很多框架也在使用Sass,比如说Foundation。
2、Sass也是成熟的CSS预处理器之一,而且有一个稳定,强大的团队在维护。
3、同时还有Scss对sass语法进行了改良,Sass 3就变成了Scss(sassy css)。与原来的语法兼容,只是用{}取代了原来的缩进。
4、bootstrap(Web框架)最新推出的版本4,使用的就是Sass。


相关问题推荐

  • 回答 8

    专题页是电商页面类型,移动端/PC端是端口,在电商设计中,两个端口是都需要设计专题页的,但一般情况下是设计PC专题页面以后,按照移动端的尺寸规范及交互特点改版成移动端专题页...

  • 回答 2

    一、几何切割实现的时候需要注意的是素材不适合太过复杂和花哨,一般会是纯色大块搭配渐变,主要突出形状和区块。a. 简单切割b. 对称切割c. 组合切割d. 多重切割二、主体轮廓设计的时候将形状尽量轮廓化,加以强调突出,主体不需要太具象,舍弃一些繁琐的、次...

  • 回答 12

    搜索框居于重要位置 网站搜索功能对于移动网站来说是一项重要的功能,移动端页面优化就需要保持和留住搜索功能,并且这种功能需要居于重要位置

  • 回答 11

    (1)契合主题氛围每个专题包含一个或多个主题,设计师不能像制作产品使用说明书一样,将内容直接展示给用户,专题设计要围绕着获得的主题展开内容策划和页面设计。例如,节日类专题注重在节日氛围的烘托中宣传优惠活动,优惠类专题则重在渲染实惠的优惠氛围。(...

  • 回答 9

    平面是进入设计领域的必须条件和门槛,所以还要扎实平面设计的技能,只有基础扎实才能更好的学习UI。然后从需求出发学习掌握企业网站的设计思路和设计技法,量化整站设计的设计流程和商业性网站的设计目的。学习掌握响应式网站和自适应网站的设计技法和终端的...

  • 回答 13

    一般身边做设计的朋友都说,作图还是用苹果电脑比较流畅色彩度还有作图的手感会比较好

  • 回答 3

    很多新人在开始做移动端UI设计的时候,往往对界面的一些尺寸规范不是十分清楚,很多时候都是凭借自己的感觉和经验去绘制界面,心里并没有一个清晰的概念,导致做出来的页面总是不那么尽如人意。本文整理汇总了一些界面设计(iOS系统)中常用的一些尺寸规范和...

  • 回答 6

    近些年,我们使用手机的方式发生了很大改变。和它同样改变的,还有移动端产品的设计趋势。随着手机尺寸的变大,设计师们必须根据现实情况的改变,调整自己的设计。我们必须在追求创造的同时兼顾可用性。拟人化的语言风格品牌形象(Brand voice)得到了升级—...

  • 回答 2

    按住鼠标左键不放拖动标尺到页面,释放鼠标即可创建参考线。

  • 回答 2

    同一个页面的颜色不要超过4种。眼花缭乱,容易产生视觉疲劳。颜色对比不要反差太大。网页版面不是美术作品,要避免形式对内容的喧宾夺主。文字+底色能够起到很好的突出作用,在视觉变化上相当于图片的作用。...

  • 回答 3

    学HTML,是必须的。学好这个然后学DIV+CSS,当然要把网页做的好看。必须学会PS,也就是PHOTOSHOP。这两样学会了。就会做一般的静态网站了。如果想做一些动态效果,就得学FLASH。要是想做动态数据,就要学,PHP,ASP,JSP ,.NET中的某种。最重要的还是,HTML CSS ...

  • 回答 3
    已采纳

    最基础的就是HTML、CSS、JavaScrip这些了~报班的话效果好一些 速度快 能短期内培养成企业需要的人才

  • 回答 1

    (1)流式布局 Fluid (2)固定布局 Fixed (3)弹性布局 Elastic (4)伸缩 Flex box (5)响应式 网页设计中版面设置的类型有:对称型、偏置型、标题型、混合型

  • 回答 1

    靠前、页面整体布局的统一和谐。 页面的布局方式在网站设计中的地位是非常高的,而且有着重要的地位。页面的布局巧妙的话,可以体现出站长的思想,而且布局出来的页面也是统-和谐懂得。一般来说, 页面的布局都是对称的,可以通过空间、文字、图片的布局达到...

  • 回答 3

    第一步、底色和图形色 色彩搭配的问题确实不是一个简单的问题。这一代的设计师比上一代的设计师,所能运用的色彩工具多了许多。如今,我们能运用好计算机为我们提供的丰富色彩,看来不是很简单的事情。就我个人而言,在我从事设计师工作以来,往往也会迷失在...

没有解决我的问题,去提问