图文 Sass进阶篇

课程时长 09小时45分钟

学习期限 12 个月 退款期限 30 天

市场价格 免费 会员价格 免费

难度级别 中级 学习人次 3 综合评分 4.2

内容实用 4.2 分

简洁易懂 4.2 分

逻辑清晰 4.1 分

  • 详情
  • 目录
  • 评价50

简介:Sass又名SCSS,是CSS预处理器之一,它能让你更好的、更轻松的工作。这个系列教程是《sass基础篇》课程的进级,对Sass其它较有难度的部分进行讲解,包括常用控制命令、函数及规律。

第1章 Sass的控制命令

  • 1-1 Sass课程简介
  • 1-2 @if
  • 1-3 @for循环(上)
  • 1-4 @for循环 (下)
  • 1-5 @while循环
  • 1-6 @each循环

第2章 Sass的函数功能-字符串与数字函数

  • 2-1 Sass的函数简介
  • 2-2 字符串函数-unquote()函数
  • 2-3 字符串函数-quote()函数
  • 2-4 字符串函数-To-upper-case()、To-lower-case()
  • 2-5 数字函数简介
  • 2-6 数字函数-percentage()
  • 2-7 数字函数-round()函数
  • 2-8 数字函数-ceil()函数
  • 2-9 数字函数-floor()函数
  • 2-10 数字函数-abs()函数
  • 2-11 数字函数-min()函数、max()函数
  • 2-12 数字函数-random()函数

第3章 Sass的函数功能-列表函数

  • 3-1 列表函数简介
  • 3-2 length()函数
  • 3-3 nth()函数
  • 3-4 join()函数
  • 3-5 append()函数
  • 3-6 zip()函数
  • 3-7 index()函数
  • 3-8 Introspection函数
  • 3-9 Introspection 函数 -type-of()
  • 3-10 unit()函数
  • 3-11 unitless()函数
  • 3-12 comparable()函数
  • 3-13 Miscellaneous函数
  • 3-14 Map
  • 3-15 Sass Maps的函数
  • 3-16 Sass Maps的函数-map-get($map,$key)
  • 3-17 Sass Maps的函数-map-has-key($map,$key)
  • 3-18 Sass Maps的函数-map-keys($map)
  • 3-19 Sass Maps的函数-map-values($map)、map-merge($map1,$map2)
  • 3-20 Sass Maps的函数-map-remove($map,$key)、keywords($args)

第4章 Sass的函数功能-颜色函数

  • 4-1 RGB颜色函数-RGB()颜色函数
  • 4-2 RGB颜色函数-RGBA()函数
  • 4-3 RGB颜色函数-Red()、Green()、Blue()函数
  • 4-4 RGB颜色函数-Mix()函数
  • 4-5 HSL函数简介
  • 4-6 HSL函数-lighten()
  • 4-7 HSL函数-saturate()
  • 4-8 HSL函数-adjust-hue()函数
  • 4-9 HSL函数-grayscale()函数
  • 4-10 Opacity函数简介
  • 4-11 Opacity函数-alpha()、opacity()函数
  • 4-12 Opacity函数-rgba()函数
  • 4-13 Opacity函数-opacify()、fade-in()函数
  • 4-14 Opacity函数-transparentize()、 fade-out()函数
  • 4-15 颜色函数实战——七色卡

第5章 Sass 的 @ 规则

  • 5-1 @import
  • 5-2 @media
  • 5-3 @extend
  • 5-4 @at-root
  • 5-5 @debug
  • 5-6 @warn
  • 5-7 @error
3
50
0