博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css框架--scss
阅读量:5142 次
发布时间:2019-06-13

本文共 809 字,大约阅读时间需要 2 分钟。

SASS是CSS3的一个扩展,增加了规则嵌套、变量、混合、选择器继承等等。通过使用命令行的工具或WEB框架插件把它转换成标准的、格式良好的CSS代码。

SCSS即是SASS的新语法,是Sassy CSS的简写,是CSS3语法的超集,也就是说所有有效的CSS3样式也同样适合于SASS。

1.安装:

        1.1   默认路径安装ruby,安装后在开始菜单里找到ruby下面的start Command Prompt with ruby,进入DOS界面,输入ruby -v 显示安装成功
        1.2   输入gem install sass安装sass,因为墙的厉害,所以不容易安装上
        1.3   安装不上就输入gem sources -a http://gems.ruby-china.org/   这时候sass安装成功
2.事件监听:
        --watch 路径/名称.scss:路径/名称.css      动态改变css
        Ctrl+c中止
        --sourcesmap=none    不要map
        --style compact            属性的{ }在同一行
        --style compressed      { }内属性无空格
        --style expanded          { }内每条属性单占一行,右括号与最后一行在同一行        
        --style compressed      { }内属性无空格     
3.解决中文 注释/路径 报错
         用Notepad++打开C:\Ruby23\lib\ruby\gems\2.3.0\gems\sass-3.4.22\lib\sass\engine.rb,
在第54行加入     Encoding.default_external = Encoding.find('utf-8')       
4.语法    http://www.w3cplus.com/sassguide/syntax.html

转载于:https://www.cnblogs.com/jojoray/p/6180375.html

你可能感兴趣的文章
了解HTML和Css样式
查看>>
关于settimer的一些新认识
查看>>
[转]ExtJs4 笔记(13) Ext.menu.Menu 菜单、Ext.draw.Component 绘图、Ext.resizer.Resizer 大小变更...
查看>>
1-5-06:奥运奖牌计数
查看>>
Windows下Python连接sqlite3数据库
查看>>
Javascript 类与静态类的实现(续)
查看>>
shim和polyfill有什么区别
查看>>
Failed to load the JNI shared library “E:/2000/Java/JDK6/bin/..jre/bin/client/jvm.dll
查看>>
Zabbix3.4服务器的搭建--CentOS7
查看>>
〖Python〗-- IO多路复用
查看>>
栈(括号匹配)
查看>>
夜太美---酒不醉--人自醉
查看>>
Java学习 · 初识 面向对象深入一
查看>>
zabbix经常报警elasticsearch节点TCP连接数过高问题
查看>>
源代码如何管理
查看>>
vue怎么将一个组件引入另一个组件?
查看>>
多线程学习笔记三之ReentrantLock与AQS实现分析
查看>>
【转】进程与线程的一个简单解释
查看>>
getopt,getoptlong学习
查看>>
数据的传递 变量与参数的使用
查看>>