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

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ธ.ค. 2024

ความคิดเห็น • 15

  • @youseful_skill
    @youseful_skill  2 ปีที่แล้ว

    🔥有料版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
    @youseful_skill  3 ปีที่แล้ว +8

    ▼本日の動画サマリー
    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

  • @tzawa-he5zg
    @tzawa-he5zg 2 ปีที่แล้ว +8

    神動画

  • @takoma1950
    @takoma1950 2 ปีที่แล้ว +1

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

  • @sktakezo
    @sktakezo 2 ปีที่แล้ว +3

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

  • @monntarousekine7774
    @monntarousekine7774 2 ปีที่แล้ว +2

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

  • @michik4199
    @michik4199 2 ปีที่แล้ว +2

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

  • @jamjamland57
    @jamjamland57 3 ปีที่แล้ว +5

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

    • @tomosta
      @tomosta 3 ปีที่แล้ว +1

      撮影します!

  • @エンジェル翼の折れた-d4y
    @エンジェル翼の折れた-d4y 2 ปีที่แล้ว +1

    最高!

  • @polly3842
    @polly3842 2 ปีที่แล้ว +1

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

  • @しょグー
    @しょグー 2 ปีที่แล้ว +1

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

  • @川崎雅史-u3e
    @川崎雅史-u3e 3 ปีที่แล้ว +2

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

  • @かごめ-t7p
    @かごめ-t7p 3 ปีที่แล้ว +2

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

  • @TV-vh5ji
    @TV-vh5ji ปีที่แล้ว

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