【初心者向け】CSSの書き方の鉄板講座！美しいWebデザインを自分で設計しよう！～Flexboxの使い方も網羅～【たった1動画で全てが分かるCSSの教科書】

[@youseful_skill]

🔥有料版Excel講座「ExcelPro」🔥
全国各地から受講できる短期集中Excelトレーニング
↓今すぐチェックする↓
osanaikohei.com/excelpro2?
一部体験をTH-cam上に公開しています！
　本編一部公開：th-cam.com/video/yi8RSVemTzc/w-d-xo.html
　受講者の声　：th-cam.com/video/l49A5RWtw6E/w-d-xo.html

[@youseful_skill]

▼本日の動画サマリー
00:00　本日のテーマ
01:55　CSSとは？HTMLとの違い
02:43　CSSを書いてみよう　内部参照
03:54　CSSを書いてみよう　インライン参照
08:18　CSSを書いてみよう　外部参照
11:03　CSSの宣言方法
16:08　セレクター
18:33　結合子
21:05　リセットCSS
29:49　CSSで使われる単位（34:33でも再出）
38:29　色の指定
50:05　メディアクエリー
52:46　Flexboxとは（レイアウト）
57:46　Flexbox（フレキシブルボックスレイアウト）ができること
1:01:17　主なディスプレイプロパティ
1:15:04　向きの指定 flex-direction
1:07:33　位置揃え（水平）justify-content
1:10:41　位置揃え（垂直）align-items
1:13:23　折り返しの指定 flex-wrap
1:15:35　個別の縦位置の指定 align-self
1:18:45　位置の変更 order
1:22:55　ベースの幅 flex-basis
1:25:40　幅が縮む割合の指定 flex-shrink
1:27:06　ショートハンドプロパティ flex
1:28:52　サンプルを作ってみよう
1:45:42　エンディング
▼ビジネススキルを上げるための最強の読書リストの受け取りはこちら
form.run/@youseful-skill-booklist

[@takoma1950]

ここを変えると表示がこう変わるという動画で、大変よく分かりました。

[@tzawa-he5zg]

神動画

[@monntarousekine7774]

とても分かりやすく、出来なかった事が出来ました。ありがとうございました😊

[@sktakezo]

とても勉強になりました。

[@michik4199]

理解しやすい説明で有難いです。
ありがとうございました

[@user-er7yq7vw6d]

説明がうますぎて分かりやすかったです😆

[@jamjamland57]

とっても勉強になりました。次は是非Java scriptもお願いしたいです。

[@tomosta]

撮影します！

[@polly3842]

復習のため拝見しました。とても分かりやすく、勉強になりました‼有難う御座います。
スクールでも別の方の動画でも、先生が、Childをチルドと発音してて、日本のIT業界ヤバいとドン引きしてましたが、こちらではチャイルドと発音していたので、これからはこちらの動画で勉強します❣

[@user-cq8lc1ij6w]

最高！

[@user-wk1si8zm2h]

素晴らしい動画ありがとうございます。質問です。Flexboxのレイアウトの所で画像を3つ表示出来ず1つしか表示されないんですが解決方法が分かりません。
教えて頂けますと幸いです。よろしくお願いします！

[@user-wc3nx7hg1j]

マインクラフトのやり方おしえてください

[@user-vq2yf9dk4o]

バックグラウンドイメージのURLを入力しても写真できないです、

[@TV-vh5ji]

最初の動作でもうつまづきました。style="color: red" をｈ１の中に打っても赤くなりません。画面内で、red の前に赤□が出てきますが、これがないとダメなのですか。できればもう少し丁寧にお願いできないですかね。