ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
プレミアム会員
法人でのご利用
レッスン一覧
プレミアム会員
法人でのご利用
ログイン
運営からのお知らせ
2023/06/08
NEW
【週刊ドットインストール】 『JavaScript入門 DOM編』リリース、レッスン一覧ページをリニューアルしました
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)
イベントリスナーの設定
動作確認
このレッスンについて
最終更新日
2018年9月26日
バージョン情報
HTML5 / CSS / JavaScript
関連キーワード
(6)
基礎講座
(369)
初心者向け
(368)
HTML5
(32)
CSS
(116)
JavaScript
(148)
ウェブサイト構築
(155)
このレッスンを共有する