首页 >web前端 >css教程 > 正文

sass系统是什么

原创2019-06-19 11:08:3904642
SASS2007年诞生,最早也是最成熟的CSS预处理器,拥有ruby社区的支持和compass这一最强大的css框架,目前受LESS影响,已经进化到了全面兼容CSS的SCSS。

Sass(英文全称:Syntactically Awesome Stylesheets)是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。在开发最初版本之后,Weizenbaum和Chris Eppstein继续通过SassScript来继续扩充Sass的功能。SassScript是一个在Sass文件中使用的小型脚本语言。(推荐学习:CSS3视频教程

Sass是一个将脚本解析成CSS的脚本语言,即SassScript。Sass包括两套语法。最开始的语法叫做“缩进语法”,与Haml类似[3],使用缩进来区分代码块,并且用回车将不同规则分隔开。而较新的语法叫做“SCSS”,使用和CSS一样的块语法,即使用大括号将不同的规则分开,使用分号将具体的样式分开。通常情况下,这两套语法通过.sass和.scss两个文件扩展名区分开。

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

Sass支持定义变量。变量以美元符号($)作为开头。变量用冒号(:)赋值。

SassScript支持四种数据类型:

数值(可包括单位)

字符串

颜色

布尔类型

变量可以用作函数的参数或返回值。在解释过程中,解释器会把变量的值写入最终的CSS文件中。

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

更多CSS3相关技术文章,请访问CSS3图文教程栏目进行学习!

以上就是sass系统是什么的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码
  • 相关标签:css
  • 本文原创发布php中文网,转载请注明出处,感谢您的尊重!
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • docker中目前只能运行linux。如果我们要在windows环境与mac环境上使用docker,那我们还需要依靠virtualbox来实现基本
    本文由java快速入门栏目推荐,文中分别为大家介绍了jdk、jre、jvm,以及三者之间的关,希望可以帮助到大家。
    win10睡眠表示会持续给内存供电,并且会暂存关闭前的信息状态,一旦“开机”,win10电脑将跳过自检和加载的过程;简单来说就睡眠前电脑状态,唤醒开机后就状态。
    Spring Cloud?Spring Cloud致力于分布式、云服务的框架。Spring Cloud为开发人员提供了快速构建分布式中一些常见模式的工具。
    “base.apk”安卓应用程序安装包;不管应用通过QQ传了都会变成base.apk;游戏挂、锁屏应用、级都bask.apk;它安卓应用程序安装包,需要用安卓手机安装一下才能确定应用
    a.hashCode() 有用?与 a.equals(b) 有?字节流与字符流的区别。java序列化,如何实现java序列化?或者请解释Serializable接口的作用。
    学习的话用都无所谓的,其实都差不多,新手建议使用具有图形化的Linux,推荐Ubuntu桌面版、Deepin。
    Python一门具有很高的移植性的脚本语言,学习Python本身对于操作没有要求,无论Mac还Windows都可以。但就编程体验而言,Mac要远远好于Windows。
    电脑粘贴的快捷键“Ctrl+v”。级快捷键可以全局响应,不论当前焦点在哪里、运行程序,按下时都能起作用。
    详解Apache、PHP和Mysql之间的关注意: 本文主要写给基础薄弱的同学, 如有不当之处,还请指正。
    AJAX应用和传Web应用有不同?Ajax的实现流程怎样的?Java集合框架?说出一些集合框架的优点?Java集合框架的基础接口有哪些?
    想成为一个合格的架构师或者更好的使用框架,需要学习软件架构,要知道软件架构概念。软件架构一个的草图。软件架构描述的对象直接构成的抽象组件。
    逻辑分区相当于一块存储截止,和操作还有别的逻辑分区、主分区没有“独立的”。
    如果你一个前端开发人员,当你在开发新项目时,想必一定被人问过“你用的框架?”进而开展各种前端技术话题。但对于初入门的前端小白来说,遇到这样的问题估计会产生一列的疑问“前端框架意思?
    一词来源于英文system的音译,由相互作用相互依赖的若干组成部分结合而成的,具有特定功能的有机整体,而且这个有机整体又它从属的更大的组成部分。
    android程序安全补丁级别谷歌公司要求在所有基于Android的新版中加入的一项说明,这项说明关于Android内部一些安全问题的修复内容,这个新增项对于用户使用来说并不会带来影响。
    关于使用ftp下载文件的说法错误的“使用FTP协议在因特网上传输文件,这两台计算必须使用同样的操作”,使用FTP协议的两台计算机无论位置相距多远,各自用的操作都能进行文件传输。
    linux下获取UUID的方法:可以使用dmidecode命令来实现,具体命令为【dmidecode -s system-uuid | tr 'A-Z' 'a-z'】。
    pe指windows预安装环境,它一个用于windows安装准备的最小操作。pe急救,在电脑无法开机时可以通过pe修复电脑里的各种问题,如删除顽固病毒、修复磁盘引导分区等。
    如果你使用的操作WINDOWS,那可以使用Microsoft Visual Studio C++;如果使用的Linux,那C语言的编译器gcc;如果使用的UNIX操作,那C语言的编译器

    专题推荐

    作者信息
    推荐视频教程
  • 野秀堂HTML5+CSS3视频教程野秀堂HTML5+CSS3视频教程
  • CSS高级实例视频教程CSS高级实例视频教程
  • CSS3进阶视频教程CSS3进阶视频教程
  • CSS 4.2.4参考手册CSS 4.2.4参考手册
  • 视频教程分类