問題

7
Sass

変数の定義

Sassの問題に挑戦しよう!

問題

変数の定義

メインカラーを変数として定義してください。

解答と解説(変数の定義)

解説

LINE登録して解答を見る

※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます

Sassでは「$」から始まる記法で変数を定義します。CSSでは色や余白を直接書きますが、Sassでは値を変数として管理できるため、同じ値を繰り返し記述する必要がありません。後からデザイン変更があった場合も、変数を修正するだけで全体に反映されるため、保守性と拡張性が大きく向上します。

補足

色・余白・フォントサイズなどは基本的に変数化します。設計段階で整理しておくと保守が楽になります。

さらにスキルアップしたい方は公式LINEから「Sass」と送信すると動画が見れます。

LINE登録して動画を視聴する
あなたに合った学習プランは?LINE適正コース診断はこちら