Sassを使った効率的CSSコーディング術

1-1. Sassって何?Sassの基本知識と利用方法
- HTML・CSS
『Sass』はCSSを効率的に、またプログラムのように書くことができるメタ言語です。このレッスンではSassの基本的な知識と、その利用方法を解説します。
公開日:2019/06/08最終更新日:2019/06/08
理解度チェック
Sassを使った効率的CSSコーディング術
1. Sassの概要と利用の準備
- 1-1. Sassって何?Sassの基本知識と利用方法
- 1-2. VSCodeでSassをコンパイルする方法とオプションの設定方法
2. Sassの基本的な使い方
- 2-1. セレクタをネスト(入れ子)して記述する
- 2-2. 変数・演算を使ってプログラムっぽく記述する
- 2-3. 関数を使ってプログラムっぽく記述する
- 2-4. @importでファイルを分割して管理する
- 2-5. @extendを使ったスタイルの継承
- 2-6. @mixinで定義したスタイルを@includeで呼び出す