详解前端工程师常考面试题css预处理器

北京湿疹最好医院 http://news.39.net/bjzkhbzy/210622/9092263.html
什么是CSS预处理程序?CSS预处理器定义了一种新语言。其基本思想是使用一种特殊的编程语言,在CSS中加入一些编程功能,以CSS为目标生成文件,然后开发者只需要使用语言进行编码。通俗地说,就是“CSS预处理器”使用一种特殊的编程语言来设计网页样式,然后将它们编译成普通的CSS文件在项目中使用。CSS预处理器为CSSProgramming功能增加了一些,无需考虑浏览器兼容性问题。例如,您可以在CSS中使用编程语言中的变量、简单逻辑程序、函数和其他基本特性。就可以使您的CSS更简洁、更具适应性、更具可读性、更易于维护以及许多其他好处。例如:Sass(SCSS)LESSStylusTurbineSwithchCSSCSSCacheer目前为止,在众多优秀的CSS预处理器语言中,Sass、LESS和Stylus是最好的,讨论比较多。什么是sass?Sass是一门高于CSS的元语言,它能用来清晰地、结构化地描述文件样式,有着比普通CSS更加强大的功能。Sass能够提供更简洁、更优雅的语法,同时提供多种功能来创建可维护和管理的样式表。Sass的过去与现在:Sass是最早的CSS预处理语言。它拥有比LESS更强大的功能,但是开头的缩进语法(老版本的Sass语法会在后面的课程中详细介绍)。它不能被公众接受,但是由于其强大的功能和RubyonRails的大力推广,许多开发人员仍然选择Sass。Sass是一种用Ruby语言编写的CSS预处理语言。它诞生于年,是目前最大的成熟CSS预处理语言。它最初设计用于HAML(缩进HTML预编译器),因此它具有与HTML相同的缩进样式。为什么早期没有LESS那么受欢迎?缩进样式虽然可以有效减少代码量,强制规范编码风格,但一方面不被大多数程序员所接受,另一方面也无法兼容现有的CSS代码。这也是Sass最先出现的原因,但它的受欢迎程度远不及LESS。sass和scss有什么区别?Sass和SCSS实际上是一回事。我们通常称之为Sass。两者的区别如下:文件扩展名不同,Sass是以“.sass”后缀为扩展名,而SCSS是以“.scss”后缀为扩展名。语法不同Sass是按照严格的缩进语法规则编写的,没有大括号({})和分号(;),SCSS的语法写法和我们的CSS语法写法非常相似。例如先来看一个示例:1.Sass语法$font-stack:Helvetica,sans-serif//定义变量$primary-color:#//定义变量bodyfont:%$font-stackcolor:$primary-color2.SCSS语法$font-stack:Helvetica,sans-serif;$primary-color:#;body{font:%$font-stack;color:$primary-color;}3.css的语法body{font:%Helvetica,sans-serif;color:#;}sass和scss和纯css写法的区别Sass和CSS写法确实有一定的区别。由于Sass是基于Ruby编写的,因此它延续了Ruby编写规范。在编写不带大括号和分号的Sass时,主要由严格的缩进控制。sass的写法:bodycolor:#ff0background:#ffffff而在CSS我们是这样书写:body{color:#fff;background:#f36;}SCSS和CSS写法无差别,这也是Sass后来越来越受大众喜欢原因之一。简单点说,把你现有的“.css”文件直接修改成“.scss”即可使用。#Web前端面试题#全新超实用性的Python零基础入门到就业体验课+视频+源码淘宝¥2购买已下架


转载请注明:http://www.aierlanlan.com/grrz/6095.html