文系プログラミング未経験 → Yahoo! JAPANエンジニア → 起業家
📙 もくじ
0:00 index.html, style.cssの準備
1:01 カスケードを例で確認
2:02 カスケードのMDNリファレンスを読む
7:05 詳細度を例で確認
8:22 詳細度のMDNリファレンスを読む（スコアリング）
10:23 インラインスタイルのスコアリングを確認
11:10 スコアリングの見方について解説
12:10 スコアリングのよくある間違いを例で確認
13:32 !importantを紹介
14:49 !importantをあまり使ってはいけない理由を説明
15:44 継承を例で確認
17:23 inherit, initial, unsetを解説
19:39 すべてのプロパティ値のリセット（all:unset）を紹介
21:44 まとめ & 次回予告
🚀 今日のひとこと
プログラミング講座のCSS編の4回目です。
カスケード、詳細度、継承について知っていますか？
スタイルが効かないときは、これらが原因のことが多いです。
今日のは少し難易度が高めなので
駆け出しエンジニア・入門者・初心者は
今は理解できなくても問題ありません！
いつか詰まったときに見てみてください！
次回はChrome Developer Toolsについて解説します。
🔥基礎からちゃんと学ぶ CSS 入門！
【第1回】基本構文を抑えよう！
【第2回】プロパティについて深堀りしよう！
【第3回】この講座だけでセレクターは完結できます！
【第5回】ボックスモデルはCSSを書いていく上で常に意識する必要があります
【第6回】フレックスボックス (flexbox) の使い方をゲームで学ぼう！
【第7回】flexbox の flex プロパティの使い方を徹底解説
👨💻 自己紹介
ヤフー株式会社でプログラマーとして働いていました！
現在は起業家として新規サービスを開発中です！
下記に興味がある方はチャンネル登録をおねがいします！
・IT業界、Web系、プログラミング講座
・リモートワーク、在宅勤務、副業
・スタートアップ、ベンチャー、経営者、社長
🌏 SNS
Twitter: https://twitter.com/shimabu_it
Instagram: https://www.instagram.com/shimabu_it
🏷️ タグ
#CSS #CSS入門 #プログラミング講座
source