SASS 介绍和应用 VIP

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    本课程主要介绍SASS。Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码,易于组织和维护。

    1.SASS 的介绍与应用 00:00:58

    本课时学习 SASS 的介绍与应用的课程概要,本节课主要分为 SASS 的介绍、SASS 的安装、SASS 的应用三个课时进行讲解。

    2.SASS 的介绍 00:05:38

    本课程介绍一下 Less 的应用场景和特性。Less 让 Css 具有了变量、函数、SCOPE(作用域)等概念, 而且有 Compass 强大库进行支持,可谓开发利器。

    3.SASS 的安装 00:06:58

    本课时我们来安装一下 SASS,并对项目做最初的配置。Less 依托到 gem 的项目库里,所以在最初安装Less的时候要记得安装 ruby,并对 gem 进行代理配置。

    4.SASS 的应用 00:19:21

    本课时学习 SASS 的实际应用。我们在创建 Css 文件的时候将改掉原来建立 .css 文件的习惯,而是建成 .scss,然后用 sass 对 .scss 文件进行编译,编译成 css。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

SASS 介绍和应用

4课时,33分钟2015-05-15
Ijason_zj
Ijason_zj

极客学院金牌布道师

课程背景:
SASS 是对 CSS3(层叠样式表)的语法的一种扩充,它可以使用巢状、混入、选择子继承等功能,可以更有效有弹性的写出 Stylesheet。Sass 最后还是会编译出合法的 CSS 让浏览可以使用,也就是说它本身的语法并不太容易让浏览器识别(虽然它和 CSS 的语法非常的像,几乎一样),因为它不是标准的 CSS 格式,在它的语法内部可以使用动态变量等,所以它更像一种极简单的动态语言。SASS 是迈向高级开发人员必须掌握的一项技能,能帮助我们更好的扩展 CSS.


核心内容:
1.Sass 的介绍
2.Sass 的安装
3.Sass 的应用


软件环境:Mac SublimeText Nodejs


是否提供资料:


课程等级:初级


适合人群:
有一定 CSS 基础的同学

  • 技术问答
  • 1

    SASS 的介绍与应用

    00:58

    本课时学习 SASS 的介绍与应用的课程概要,本节课主要分为 SASS 的介绍、SASS 的安装、SASS 的应用三个课时进行讲解。

  • 2

    SASS 的介绍

    05:38

    本课程介绍一下 Less 的应用场景和特性。Less 让 Css 具有了变量、函数、SCOPE(作用域)等概念, 而且有 Compass 强大库进行支持,可谓开发利器。

  • 3

    SASS 的安装

    06:58

    本课时我们来安装一下 SASS,并对项目做最初的配置。Less 依托到 gem 的项目库里,所以在最初安装Less的时候要记得安装 ruby,并对 gem 进行代理配置。

  • 4

    SASS 的应用

    19:21

    本课时学习 SASS 的实际应用。我们在创建 Css 文件的时候将改掉原来建立 .css 文件的习惯,而是建成 .scss,然后用 sass 对 .scss 文件进行编译,编译成 css。

相关课程

  • HTML5 编辑 API 之 Range 对象(一)

    本套课程讲解 HTML5 编辑 API 之 Range 对象,包含基本概念,selectNode 方法、selectNodeContents 方法、deleteContents 方法、setStart 方法、setEnd 方法、setStartBefore 方法、setStartAfter 方法、setEndBefore 方法和 setEndAfter 方法。

    3课时 20分钟
    初级
    22901人学习
  • HTML5 编辑 API 之 Range 对象(二)

    本套课程讲解 Range 对象的方法,包含 cloneRange、cloneContents、extractContents、createContextual-Fragment、insertNode、compareBoundaryPoints、collapse、detach 方法。

    3课时 21分钟
    初级
    16317人学习
  • 面向对象的 CSS

    本课程介绍面向对象的编程特性。以及如何利用面向对象的特性解决我们开发 CSS 随意堆积的问题和更好利用父类进行样式的重写和复用。

    4课时 29分钟
    中级
    28011人学习
  • Grunt 介绍和应用

    本课程主要介绍 Grunt.Grunt 是一个基于任务的 JavaScript 工程命令行构建工具。

    4课时 31分钟
    中级
    9824人学习