zoukankan      html  css  js  c++  java
  • css的一种预处理器 sass

    之前觉得关于css什么的没什么,后来让别人给问住了。。。然后就悲催了。。。

    sass是一种css的预处理器,是一种函数式的css的编程;

    主要还是看官网 http://www.w3cplus.com/sassguide/     这个是基于Ruby

    1.需要安装:

    可以直接自己去看官网或者看下面我写的这个安装步骤(有试过是对的)

    (1)如果你的电脑里面没有安装rudy 可以直接去看文档(额。。。好想还是要看官网)

    (2)检测rudy是否安装好 cmd----rudy -v 看是否出现出版本号

    (3)在cmd中gem install sass(gem需要代码 解决:安装淘宝rufyGems镜像 直接这个地址 https://ruby.taobao.org/)

    (4)这样就可以了

    2.sass应用

    (1)新建文件夹中新建一个xxx.scss(这就是sass的对应的文件)

    (2)在xxx.sass中写入代码

    (3)在cmd中编译进入文件夹中,执行cmd中sass index.scss index.css(前一个是原来的;后一个是目标的)

    注意:在你编译的时候可能会出现多余的文件,那是在编译的时候自动生成的

    (4)这就好了,然后将index.css引入到index.html中去用就可以了

    语法:http://www.w3cplus.com/sassguide/syntax.html

  • 相关阅读:
    CSS
    171 Excel Sheet Column Number
    设计模式之组合模式
    设计模式之外观模式
    设计模式之装饰者模式
    设计模式之抽象工厂
    设计模式之工厂方法
    23种设计模式和7大原则-开篇
    设计模式之简单工厂
    每天一个Linux命令:locate(19)
  • 原文地址:https://www.cnblogs.com/GainLoss/p/6016589.html
Copyright © 2011-2022 走看看