CSS
HTML/CSSコーディング初心者向け 基礎を学べる動画集
2021年04月11日 10:00 2021年04月12日
こんにちは、社員Kです。
本日は、HTML/CSSコーディングの初心者向けに、HTML/CSSを学べる動画を見つけたのでご紹介していきたいと思います。
もくじ
- HTML入門講座
- CSS入門講座
- CSS入門講座 #01:CSSとは?CSSの基本の書き方
- CSS入門講座 #02:CSSを適用させる方法
- CSS入門講座 #03:文字や文章の装飾 font-size、font-family、font-weight、lige-height
- CSS入門講座 #04:色の指定方法、文字色 color、背景色 background-color
- CSS入門講座 #05:背景を彩ろう background-image、background-repeat、background-position、background-size
- CSS入門講座 #06:サイズの指定 … 幅 width、高さ height
- CSS入門講座 #07:余白の指定 … 外側 margin、内側 padding
- Sass入門講座
- 引用元の紹介
HTML入門講座
まずは、HTMLの基礎的な内容から主要な要素の解説です。
HTMLはWEBサイトを作るために必要な言語です。文章や画像、リンクなどを配置することができます。
HTML入門講座 #01:HTMLとは?基本の書き方
HTML入門講座 #02:初めてのHTMLページを作ろう/ファイル名の付け方
HTML入門講座 #03:見出し h1〜h6、文章 p タグ
HTML入門講座 #04:リンク a タグ – メールや電話番号、SMSにも
HTML入門講座 #05:画像 img タグ、ファイルパスの指定方法
HTML入門講座 #06:リスト ul, ol, li タグ
CSS入門講座
CSSの基礎から主要な要素の解説です。
CSSはHTMLで記述したページに様々な装飾を加えることができる言語です。
CSS入門講座 #01:CSSとは?CSSの基本の書き方
CSS入門講座 #02:CSSを適用させる方法
CSS入門講座 #03:文字や文章の装飾 font-size、font-family、font-weight、lige-height
CSS入門講座 #04:色の指定方法、文字色 color、背景色 background-color
CSS入門講座 #05:背景を彩ろう background-image、background-repeat、background-position、background-size
CSS入門講座 #06:サイズの指定 … 幅 width、高さ height
CSS入門講座 #07:余白の指定 … 外側 margin、内側 padding
Sass入門講座
SassはCSSを簡単に便利な書き方ができる言語です。
通常のCSSでは煩雑な書き方になる部分も簡潔に記述して、管理しやすくすることができます。
利用するには専用の環境が必要になります。
Sass入門講座 #01:Sassとは?SassをVSCodeで使う準備
Sass入門講座 #02:Sassでネストとパーシャルを使ってみよう
Sass入門講座 #03:SassのMixin(ミックスイン)を使ってみよう
引用元の紹介
Webクリエイターボックス YouTubeチャンネル
関連記事
この記事を書いた人
社員K
福岡でWebプログラマー・フロントエンドエンジニアとして10年目。まだまだ勉強することが沢山あるなぁと最近良く思います。日本語には自信があります。すぐに効くダイエット情報募集中!