【CSS #4】基礎からちゃんと学ぶ CSS 入門!スタイルが効かないときはだいたいカスケード・詳細度・継承のどれかが原因!【ヤフー出身エンジニアが教える初心者向けプログラミング講座】

チャンネル名:しまぶーのIT大学
◆概要(引用)
文系プログラミング未経験 → 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回】基本構文を抑えよう!
https://www.youtube.com/watch?v=xBLIzweHYic

【第2回】プロパティについて深堀りしよう!
https://www.youtube.com/watch?v=sfAhER5AGOA&t=2s

【第3回】この講座だけでセレクターは完結できます!
https://www.youtube.com/watch?v=3RX0ASjozkc&t=1s

【第5回】ボックスモデルはCSSを書いていく上で常に意識する必要があります
https://youtu.be/z582Z6dENGA

【第6回】フレックスボックス (flexbox) の使い方をゲームで学ぼう!
https://youtu.be/FU4RocY_Y1k

【第7回】flexbox の flex プロパティの使い方を徹底解説
https://youtu.be/TXwY_SWO07U

?‍? 自己紹介
ヤフー株式会社でプログラマーとして働いていました!
現在は起業家として新規サービスを開発中です!
下記に興味がある方はチャンネル登録をおねがいします!
・IT業界、Web系、プログラミング講座
・リモートワーク、在宅勤務、副業
・スタートアップ、ベンチャー、経営者、社長

? SNS
Twitter: https://twitter.com/shimabu_it
Instagram: https://www.instagram.com/shimabu_it

?️ タグ
#CSS #CSS入門 #プログラミング講座

コメント

タイトルとURLをコピーしました