网页设计】为什么需要使用SASS?_第2页回答

2020-12-28 09:33发布

15条回答
布啦啦
2楼 · 2020-12-29 11:00

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

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


三岁奶猫
3楼 · 2020-12-29 15:08

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

灰机带翅膀
4楼 · 2020-12-30 16:27

它是 CSS 上的一种抽象层。它们是一种特殊的语法/语言编译成 CSS。
例如 Less 是一种动态样式语言. 将 CSS 赋予了动态语言的特性,如变量,继承,运算, 函数. Less 既可以在客户端上运行 (支持 IE 6+, Webkit, Firefox),也可以在服务端运行 (借助 Node.js)。

为什么要使用它们?
结构清晰,便于扩展。
可以方便地屏蔽浏览器私有语法差异。这个不用多说,封装对浏览器语法差异的重复处理,减少无意义的机械劳动。
可以轻松实现多重继承。
完全兼容 CSS 代码,可以方便地应用到老项目中。Less 只是在 CSS 语法上做了扩展,所以老的 CSS 代码也可以与 Less 代码一同编译。

py大白
5楼 · 2021-01-04 10:57

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的规范。


天使的奶爸
6楼 · 2021-01-18 10:54

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

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


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

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


于接口程序和web应用程序的更加健全化和更加复杂化,正如css正在做着最初被设计出来时从未想过做过的事情。这源于我们的想法总是这样的似乎可耻(css可不可以多做点别的呢?). 幸运的是, 浏览器制造商采用新的CSS特性还是比较快速的,更高效更强大的属性和选择器,解决今天的网络带来的新的需求问题。比如CSS3的一些特性:、高级选择器、新的布局选项、border-radius, box-shadow、transitions, transforms, animation等属性。

相关问题推荐

  • 回答 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

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

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