キャンペーン終了まで

割引情報をチェック!

すべての動画をフルで見よう!

初回登録なら7日間無料! いつでも解約OK

いますぐ無料体験へ

HTML/CSS入門 CSS3を1時間で学ぼう

  • 0h 50m (12sections)
  • テクノベート (テクノロジーとイノベーション)
  • 実践知

このコースについて

今回はウェブサイト作成に必須の「HTML」とその詳細設定ができる「CSS」 について、種類や書き方を解説します。
ぜひご覧ください。

本コースはYouTubeで配信されている「ともすたCHANNEL」たにぐちまこと氏とのコラボレーションコンテンツです。皆さんに役立つITに関するスキルについての学びをお伝えいただきます。

※各ツールの画面配置や挙動は撮影時点のものです。ツールのアップデートにより変更されている場合があります。

※動画内で紹介のサイト:https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Selectors

講師プロフィール

ともすたCHANNEL:https://www.youtube.com/channel/UCphTq6mefx_15CjD35qgXgA

谷口 允(たにぐち まこと) ともすた/H2O space 代表取締役
富士ゼロックス、ソニーネットワークコミュニケーションズなどでウェブエンジニアとして勤務ののち、2002年に独立。株式会社エイチツーオー・スペースを設立。
メンテナンスしやすいウェブサイトを手ごろな価格で提供することで、大小問わずさまざまな業界のクライアントを応援している。
また、ウェブ業界を豊かで厚みのあるものにするべく、ウェブ制作・プログラム開発の知見をもとに、各種講演や執筆を通じ、学習コンテンツを展開。
近年は講座動画配信プラットフォームUdemyやYouTubeを通じた映像講義配信を手がけ、それぞれで数万人規模の受講者・登録者のプログラミングやウェブ構築に関する学習を支援。
Slackコミュニティを主催することで業界全体のスキルアップを図っている。

主な著書に『6さいからつかえるパソコン』(技術評論社刊)、『よくわかるPHPの教科書』(マイナビ刊)など。

コース内容

  • コース紹介
  • スタイルシートとは
  • CSSを書いてみよう:インラインCSS
  • CSSを書いてみよう:内部参照
  • CSSを書いてみよう:外部参照
  • セレクター
  • 結合子
  • リセットCSS、サニタイズCSS
  • CSSで使う単位
  • 色の表現
  • 画像の扱い
  • メディアクエリー

より理解を深め、他のユーザーとつながりましょう。

32人の振り返り

  • a_7636

    人事・労務・法務

    そもそもHTMLとは?あたりのド初心者ですが、全編見て、自分の中のアレルギーが意外と少なかったことに気づきました。

    もしかして、やってみたら意外と面白いのかも?
    (次の勉強のテーマになるかも?)

    2022-07-09
  • sphsph

    メーカー技術・研究・開発

    完全に落第です。
    しっかり予習してから再挑戦します。
    できるようにならなければ、一部でも・・・。

    2022-07-09
  • don_new

    IT・WEB・エンジニア

    周りとの差に引け目を感じていて、何とか理解しないと!と焦って色々サイトをあさっていましたがこれといったものがなく…
    そんな中ともすたさんの説明動画を見つけました。一言ですごく分かりやすかったです。

    特に、スマートフォンとパソコンとそれぞれで閲覧した際、レイアウト崩れが起きないように文字や背景画像の幅をそれぞれで変更設定する方法がすごく勉強になりました。

    2022-07-25
  • yamaji1108

    メディカル 関連職

    htmlとcssの関係を理解することができました。

    2022-07-10
  • sathashi

    経営・経営企画

    スタイルシートの基本が学べてよかったです。
    HTMLへのリンクの設定がうまくいかなかったのですが、この点をクリアすれば、複数ファイルを取り込むことでHTMLページの作成ができそうです。

    2024-01-07
  • uma614

    人事・労務・法務

    少し難しかったので繰り返し見てみようと思います。

    2022-08-18
  • sawach

    IT・WEB・エンジニア

    htmlとcssについて初めて詳しくしりました。
    機会があれば、もう一度学習したいです。

    2022-09-05
  • zakimao

    マーケティング

    勉強になりました!もっと知りたくなる。

    2022-11-27
  • ttc_t_a

    経理・財務

    覚えることが多いですが、html とcss
    の関係を具体的にしてよかったです。

    2024-11-12
  • ojiken

    営業

    プログラミングの基本を理解することができたのでITエンジニアを目指す人のスキルチェックの基準が見えてきた

    2023-08-18
  • yajima_keisuke

    営業

    コード書いたらどこに反映されるのかわからないレベルで、超ド素人すぎて不明点がありましたが、何とか話自体はついていけたか。。動かしてみないとわからないです。現代的にHP作成サイトがあるのでどこまで学ぶ必要があるのかわからずですが、基本を知ることは重要かと思います。

    2024-07-16
  • j_kawasaki

    販売・サービス・事務

    業務でHTMLコードを触る機会があり、ちょっとしたWebページの修正もベンダーに依頼が必要でした。依頼すると1回5万円など費用がかかりますが、自分でできれば経費を削減できるので、もっと知識を深めたいと思いました。

    2024-08-30
  • shusuke-yamada

    その他

    HTMLとプログラミングの文法を学んでいるところです。
    何度も復習したいものです。

    2022-07-11
  • hrkawaguchi

    IT・WEB・エンジニア

    CSSを使うことでデザイン性が高くなり、さらに楽しくなってきた。とてもわかり易いです。

    2022-11-07
  • mugiwara

    営業

    もう一度見たい。やや早口だったからかついて行くのに精一杯

    2024-03-25
  • me_

    その他

    やはり少し難しかったのでまた復習します。

    2023-11-29
  • tfurui

    その他

    業務でホームページを扱うことがあるので、参考になりました。

    2022-10-25
  • yoko9

    その他

    全然分からないけど私でもできました。先生が丁寧に教えてくれたのが良かったです

    2024-03-17
  • m_yuuki02

    その他

    ワンソースマルチデバイスのある程度をcssで設定出来ることが改めて理解できた。

    2024-09-14
  • akiko_saito

    販売・サービス・事務

    書籍で勉強するよりわかりやすかったです。
    これを見て書籍を見た方が理解が深まる気がします。
    実際に作るときに再度見ます。

    2024-10-30
  • yuki1030_

    営業

    オススメとして出てきたので受講してみました。
    自分では選ばないタイトルでしたが、受講内容は興味があり勉強になりました。

    2023-10-23
  • iso_ken

    専門職

    CSSの基本がわかったので、実践で知識を深めていきたい。

    2024-01-21
  • mihotoke

    専門職

    まずはCSSとは何かを知りたく、受講しました。実際に、ソフトを使用した際に、活かしたいと思います。

    2024-09-06
  • anchi1006

    その他

    選択を誤った内容であった。

    2022-07-08
  • sato777

    メーカー技術・研究・開発

    CSSをwebで部分的に調べて使っている状態だったので、基本の使い方が分かってよかった。

    2022-09-26
  • minamt

    IT・WEB・エンジニア

    メディアクエリは初でした

    2024-10-24
  • koudai51

    営業

    基礎理解ができました

    2022-11-20
  • reverend

    その他

    楽しく拝聴いたしました。フォントの単位や色の表現が明確に理解できました。引き続き学習を続けたいと強く思います。

    2023-12-18
  • naike_jpn

    マーケティング

    cssって何?という状態からは一歩前進できました。簡単なページを作成しながら色々試したいと思います。

    2024-04-04
  • sbsconts

    コンサルタント

    HTMLとCSSについて2講座を視聴しました。繰り返いし見ていくことで勘所が養われいることが実感できます。さらに受講を重ねた後、自分で作成を実践していこうと思います。

    2024-03-07
  • kfujimu_0630

    マーケティング

    動画を見ながら一度自分で作ってみることが重要だと思いました。見ているだけでは自分のスキルにできないので、時間を作って試してみたいと思いました。ありがとうございました。

    2022-08-09
  • natasan

    その他

    CSS経験者ですが、リセットCSSについて初めて知ったので、非常に良かったです。

    2022-12-28

関連動画コース

新着動画コース

10分以内の動画コース

再生回数の多い動画コース

コメントの多い動画コース

オンライン学習サービス部門 20代〜30代ビジネスパーソン334名を対象とした調査の結果 4部門で高評価達成!

7日間の無料体験を試してみよう

無料会員登録

期間内に自動更新を停止いただければ、料金は一切かかりません。