zoukankan      html  css  js  c++  java
  • Sass Less SCSS 的抉择

    1. 有2个CSS预处理器可供选择:

    1.Less http://lesscss.org/

    2.Sass http://sass-lang.com/

    他们都已经存在了好几年了。我们要使用Sass。

    2. Sass 和 Scss 的区别

    Sass有两种语法可用

    sass 本身 后缀是.sass的文件

    scss .scss,这是正常CSS和Sass之间的一部分

    3. 记住:

    • Sass是预处理器的名称
    • SCSS更容易学习
    • 互联网上的所有资源(如Sass Way)都提到Sass,而不是SCSS
    • 所有功能都可用于两种语法
    • SCSS中的所有内容都可在Sass中找到

    我们实际上要写SCSS,但仍称之为Sass。

    4. 为什么选择SCSS

    我们要使用SCSS有几个原因:

    • 可读性:语法与CSS非常相似
    • 学习曲线:它仅在CSS之上增加了一些附加功能
    • 兼容性 ; CSS文件是一个有效的SCSS文件
    • 资源:大量的在线文章阅读和开源库使用
    • 可扩展性:从SCSS到Sass很容易

    5. 特点

    • 变量:而不是重复#fce473整个CSS文件,只需设置$yellow: #fce473一次
    • 嵌套:CSS规则可以彼此嵌套
    • mixins:可以接受参数的自定义函数,并且将防止无用的重复
    • 扩展名:一种简单的方法来继承另一个选择器的相同属性
    • 运算符:添加/减法/乘法/除法,如960px / 4$space * 2

    6. 安装Sass

    前往http://sass-lang.com/install,在您的计算机上安装Sass。

  • 相关阅读:
    php去除数组中重复值,并返回结果!
    SignalR 2 入门
    SignalR支持的平台
    SignalR简介
    作业调度系统quartz.net
    Oracle安装心得
    maven的项目目录解析
    web.xml的<url-parttern>的匹配规则
    Web.xml中四种验证方式
    Web.xml
  • 原文地址:https://www.cnblogs.com/passkey/p/10153908.html
Copyright © 2011-2022 走看看