ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2024/05/07
NEW
あなただけの学習ロードマップを作成します 【随時受付中】
PREMIUM
【旧版】詳解CSS 変数編
CSS変数を使って効率的にスタイルを管理するための方法を見ていきます。
0%
このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
動画レッスン一覧
(8)
#01 CSS変数を使ってみよう
(01:40)
無料公開中
CSS変数の概要
caniuse.comでの調査
未完了
#02 ひな形ファイルを作っていこう
(02:12)
無料公開中
index.htmlの作成
ブラウザでの確認
未完了
#03 基本的な使い方を見ていこう
(02:31)
CSS変数の宣言、値の割当
CSS変数の利用方法
デフォルト値
未完了
#04 CSS変数を継承させよう
(01:52)
CSS変数の継承
:rootでの利用
未完了
#05 利用時の注意点を見ていこう
(02:35)
プロパティ名での利用
単位の扱い
calc()
未完了
#06 テーマカラーを管理してみよう
(02:25)
ボタンの配置
色相の統一
未完了
#07 テーマカラーを変更してみよう
(01:52)
CSS変数の導入
テーマカラーの変更
ボタンの配色
未完了
#08 ランダムにテーマカラーを変えよう
(02:28)
イベントリスナーの設定
動作確認
未完了
リリース情報(note)
『CSS変数入門』を追加しました
詳細情報
最終更新日
2018年9月26日
バージョン情報
HTML5 / CSS / JavaScript