html 中使用 sass

来源:互联网 发布:ubuntu命令模式 编辑:程序博客网 时间:2024/06/07 05:53
    sass在早期使用并不如less使用广泛,由于出现较早,不能兼容很多已有的css,再加上严谨的语法,不能被一些程序员接受。    sass 是用ruby 语言编写的一款,css 的预处理语言,与scss,其实是一种东西,只是扩展名不同,以及语法略有差异,scss 更接近于我们平时写的css     在pycharm中集成sass,先安装ruby  
sudo apt-get install ruby ,
mac 本自带ruby,之后 
sudo gem install sass
在edit watcher 下argument 中 最后添加   --style compact  即可使用

使用sass 可以 将兼容性语句 直接include 进去,也可以 在外层标签中,定义

        $position:1.58rem 在内部 $position*0.4 即可使用(类似内部计算百分比)        这样我们就可以在全局更改 定义变量的值,简化重构的操作

在pycharm中新建一个.scss 文件会自动帮我们生成相应的 css ~

Sass 是一门高于 CSS 的元语言,它能用来清晰地、结构化地描述文件样式,有着比普通 CSS 更加强大的功能。Sass 能够提供更简洁、更优雅的语法,同时提供多种功能来创建可维护和管理的样式表。
1 0