SCSS 简单介绍
2018-06-24 02:10:13来源:未知 阅读 ()
一.背景介绍:
css不是一种真正意义上的编程语言,不具有编程语言的变量、循环、遍历和继承等特性。
为了解决css的这些缺点,能够对css进行预处理的"中间语言"就产生了,以此来实现某些编程特性。
也就是在编写中间语言过程中,可以使用编程方式和思维,中间语言不能直接被浏览器所解析。
最后将这个中间语言编译成真正的css,这样就可以供浏览器解析使用,类同于TypeScript和JavaScript的关系。
二.关于scss:
SASS是最早的css预处理语言之一。
为了适应编程风格的需求,sass在编程风格上做了一些修改,现在称之为SCSS。
SCSS增加了一些新的功能,增强了对css3的支持,其语法完全兼容CSS3,并且继承了sass的强大功能。
任何标准的css3样式表都是具有相同语义的有效的scss文件。另外,SCSS还能识别大部分css hacks和特定于浏览器的语法,例如:古老的IE filter。由于SCSS是CSS的扩展,因此,所有在css中工作的代码也能在scss中正常工作。
现在学习scss完全没有必要关注以前sass的规则。
三.SCSS代码:
下面就是一小段SCSS代码实例,给初学者一个初步印象:
$nav-color: #F90; nav { $width: 100px; width: $width; color: $nav-color; }
编译后的代码如下:
nav {
width: 100px;
color: #F90;
}
http://www.softwhy.com/article-3989-1.html
http://www.softwhy.com/qiduan/SCSS_source/
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:CSS3 opacity
下一篇:CSS 基础语法
- [01]HTML基础之简单介绍 2020-06-01
- 3.栅格系统 2020-05-28
- HTML开发实例-简单相亲网站开发(主体为table) 2020-05-27
- ECharts介绍 2020-05-26
- Bootstrap4网格系统+文字排版+颜色 简单练习 2020-04-14
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash