Sass 学習の無料問題集
Sass 学習コース一覧
Sass学習の無料問題集コース一覧。独学者や初心者向けの「初級コース」から「上級コース」まで全114問あります。Sassを使えるようになると、より拡張性の高いCSSを作成することができ、開発スピードを上げることができます。解説を見ながら一つ一つ学習を進めていきましょう。
まずはSass入門講座で基礎を学ぶ
-
初級コース
全46問
-
中級コース
全35問
-
上級コース
全33問
-
1
透明度を0.8にするmixinを作ろう
-
2
上下位置を中央から調整できるmixinを作ろう
-
3
スタイルを継承して色違いのボタンを作ろう
-
4
文字列の変数を展開してクラス名にしよう
-
5
クラス名を省略しよう1
-
6
クラス名を省略しよう2
-
7
変数の定義
-
8
変数の利用
-
9
ネスト記法
-
10
親セレクタ参照
-
11
コメントの違い
-
12
四則演算
-
13
パーシャル読込
-
14
複数プロパティネスト
-
15
lighten関数
-
16
darken関数
-
17
四則演算
-
18
パーシャル読込
-
19
複数プロパティネスト
-
20
lighten関数
-
21
darken関数
-
22
擬似クラス指定
-
23
擬似要素指定
-
24
変数上書き
-
25
変数の計算
-
26
インターポレーション
-
27
BEM風ネスト
-
28
複数階層ネスト
-
29
フォント一括指定
-
30
透明度指定
-
31
画像パス変数
-
32
単位付き変数
-
33
割合計算
-
34
ネスト内メディア
-
35
角丸ショート指定
-
36
影指定
-
37
変数の再利用
-
38
文字列変数
-
39
セレクタ補間
-
40
リスト変数定義
-
41
map変数定義
-
42
セレクタ連結
-
43
display切替
-
44
位置指定
-
45
z-index指定
-
46
基本プロパティ整理
-
1
変数に足してみよう1
-
2
変数に足してみよう2
-
3
引数が無くても数値が出力されるmixinを作ろう
-
4
widthとheightを引数で指定しよう
-
5
引数に真偽値を入れて出し分けよう
-
6
引数付きmixin
-
7
mixinの呼び出し
-
8
デフォルト引数
-
9
複数引数mixin
-
10
if分岐
-
11
forループ
-
12
eachループ
-
13
mapの定義
-
14
map-get取得
-
15
関数の定義
-
16
whileループ
-
17
map-merge
-
18
map-has-key
-
19
list長取得
-
20
nth取得
-
21
appendリスト
-
22
joinリスト
-
23
index検索
-
24
contentブロック
-
25
可変引数関数
-
26
多段map取得
-
27
mapループ条件生成
-
28
for逆ループ
-
29
条件付きmixin出力
-
30
単位判定
-
31
単位除去
-
32
引数キーワード指定
-
33
map動的キー参照
-
34
each複数リスト
-
35
関数でmap生成
-
1
四隅の位置を引数から設定してみよう
-
2
数値を配列にして取り出そう
-
3
インデントを揃えるmixinを作ろう
-
4
@use名前空間
-
5
@forward再公開
-
6
可変引数mixin
-
7
mapループ展開
-
8
単位演算制御
-
9
meta.call利用
-
10
meta.get-mixin
-
11
selector.append
-
12
math.div使用
-
13
color.scale
-
14
meta.function-exists
-
15
meta.mixin-exists
-
16
meta.global-variable-exists
-
17
selector.replace
-
18
list.set-nth
-
19
selector.is-superselector
-
20
selector.parse
-
21
math.ceil
-
22
color.adjust
-
23
meta.load-css
-
24
meta.get-function
-
25
map.deep-merge
-
26
string.insert
-
27
list.join
-
28
color.mix
-
29
math.percentage
-
30
string.to-upper-case
-
31
selector.nest
-
32
map.remove
-
33
meta.inspect
Sassとは、CSSを効率的かつ簡単に記述するために開発されたスタイルシート言語です。
いままでのCSSではできなかった、変数や関数の定義、ネスト構造やmixin機能など、よりプログラムチックにスタイルシートが記述できるようになりました。
Sassを使い、スタイルシートを効率的に記述したい方は、Sass入門講座をご覧になってください。