ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2024/10/03
NEW
【週刊ドットインストール】 DHHのお話、レッスン制作の進捗、その他のいろいろ
PREMIUM
詳解CSS 変数編
プロパティの値に名前を付けて管理することができるCSS変数について学んでいきます。
0%
このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
動画レッスン一覧
(7)
質問と回答
(15)
#01 CSS変数を使ってみよう
(02:21)
無料公開中
CSS変数の概要
ブラウザの対応状況を確認
未完了
#02 学習の準備を整えよう
(02:34)
無料公開中
index.htmlの作成
styles.cssの作成
未完了
#03 CSS変数を宣言してみよう
(02:57)
--my-color
var()
CSS変数の注意点
未完了
#04 CSS変数を継承してみよう
(02:06)
CSS変数の継承
:root
未完了
#05 利用時の注意点を見ていこう
(02:43)
プロパティ名での利用
単位の扱い
calc()を使った小技
未完了
#06 テーマカラーを管理していこう
(02:27)
色相の統一
ボタンの配置
未完了
#07 テーマカラーを変更してみよう
(02:18)
CSS変数の導入
テーマカラーの変更
ボタンの配色
未完了
#01 CSS変数を使ってみよう
IEではCSS変数が使えないということでしょうか?
2022年1月27日
#03 CSS変数を宣言してみよう
Sass 変数と CSS 変数はどのように使い分けたらいいのでしょうか?
2022年2月28日
CSS 変数の値が反映されず、色が付きません
2022年2月18日
CSS 変数の宣言に var ではなく let を使用することはできますか?
2022年1月27日
変数にデフォルト値を設定する必要がありますか?
2022年1月27日
#04 CSS変数を継承してみよう
:root 擬似クラスと全称セレクターの使い分け方が知りたいです
2022年1月27日
root擬似クラスのかわりにhtmlを使ってもいいですか?
2022年1月27日
CSS変数をbodyと:rootに設定した時の違いが分かりません
2022年1月27日
#05 利用時の注意点を見ていこう
どうしても後から単位の指定をしたい場合とはどういった場合ですか?
2022年1月27日
CSS 変数を body セレクターで宣言するのと html セレクターで宣言する違いはありますか?
2022年1月27日
CSS変数の命名規則について教えて下さい
2022年1月27日
#06 テーマカラーを管理していこう
backgroung-color と background の違いを教えてください
2022年9月3日
ボタンはどのタグで作るべきですか?
2022年1月27日
#07 テーマカラーを変更してみよう
補色の計算の意味がよくわかりません
2022年1月27日
--my-color と --my-hue とでは何が違うのですか?
2022年1月27日
リリース情報(note)
今週は『詳解CSS 変数編』をリリースしました
詳細情報
最終更新日
2020年2月18日
バージョン情報
Chrome 80.0 / Visual Studio Code 1.41.1