scss入门笔记

原创 2016年08月31日 10:49:29

定义变量:

$linkColor: #08c; 
/*使用*/
a {  
    text-decoration:none;  
    color:$linkColor;  
    &:hover{  
      color:darken($linkColor,10%);  /* 颜色为10% */
    }  
} 

函数:
1、map_get

$theme:(blue:#13d2cd,yellow:#ffbd43);
/*使用*/
.aa{
    color: map_get($theme, blue);
}

SCSS入门

1. CSS预处理器 定义了一种新的专门的编程语言,编译后成正常的CSS文件。为CSS增加一些编程的特性,无需考虑浏览器的兼容问题,让CSS更加简洁,适应性更强,可读性更佳,更易于代码的维护等诸...
  • zhao_tuo
  • zhao_tuo
  • 2017年05月31日 15:57
  • 600

关于SCSS入门功能(上)

最近开始学习使用scss,把我的感受和大家分享一下 首先是机制 我们直接手写的是.scss,然后在启动工程的情况下,scss会自动编译成.css,来提供给HTML,所以反过来说,我们在html中要...
  • Evan_Xuya_FF
  • Evan_Xuya_FF
  • 2016年12月30日 10:18
  • 492

sass学习--sass的@规则(进阶篇)

主要整理了@import、@media、@extend、@at-root、@debug、@warn、@error等@规则。
  • macanfa
  • macanfa
  • 2016年06月23日 15:57
  • 2415

sass玩转颜色总结笔记

变量: $color:#f00; 1、变浅和加深颜色,sass使用HSL标准来变浅或加深颜色 lighten($color,10%); darken($color,30%); ...
  • wuweitiandian
  • wuweitiandian
  • 2014年12月24日 13:41
  • 975

类与对象的基本定义——学习笔记(根据李兴华老师《Java8编程开发入门》网课记录)

网课来源http://study.163.com/course/courseLearn.htm?courseId=1455026#/learn/video?lessonId=1740178&cours...
  • weixin_40574148
  • weixin_40574148
  • 2018年01月25日 10:40
  • 36

Python3萌新入门笔记(1)

在之前的教程中,我们已经学会了安装Python以及PyCharm。在这里,我们打开PyCharm,它是一种Python IDE(集成开发环境)。在这个软件中,我们来学习Python的基础知识。首先,我...
  • xingbb99
  • xingbb99
  • 2018年01月29日 09:28
  • 58

JDBC入门——笔记

1. JDBC的简介 1.1 jdbc:Java DataBase Connectivity,Java数据库的连接 1.2 比如有一台电脑,想在电脑上安装显卡,需要显卡的驱动,由显卡生产厂商提供 1....
  • zy_tiger
  • zy_tiger
  • 2016年07月13日 16:03
  • 2491

Java基础入门笔记-新建类

Java基础入门笔记-新建类
  • qq78442761
  • qq78442761
  • 2018年01月03日 14:32
  • 175

scss笔记

1、可以使用 & 表示父元素选择器 a{ padding: 0 10px; color: #fff; &:hover{ color:#ddd; }2、嵌套...
  • qq_28575855
  • qq_28575855
  • 2016年11月18日 16:48
  • 70

MySQL入门之操作笔记

管理机制 数据类型 int类型:细分种类更多 大文件类型 日期格式:时间和日期分开!更详细!多一点!但是对于日期的计算比较麻烦! 可以先按照Oracle数据库里面的几张表,创建MySQL下的表进行试...
  • lzjsqn
  • lzjsqn
  • 2017年01月12日 17:16
  • 647
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:scss入门笔记
举报原因:
原因补充:

(最多只允许输入30个字)