HTML&CSS

グリッドの設定方法。グリッド線によるアイテムのレイアウトと、領域に名前を付けてアイテムをレイアウトする方法。

fromタグを使ったフォームの作成。お問い合わせページを作ってコードの解説、動作と送信データの確認を行いました。

Viewportの設定とメディアクエリの書き方を解説。主にスマホ用のメディアクエリの設定方法を見ていきます。

ブラウザで文章がどう折り返しされるのか動作の確認と、折り返しさせる、させない方法の解説。スクロールバーの表示のさせ方も。

<a>を使ったリンクの貼り方を見ていきます。内部リンクの作成方法、ボタン形のリンクの作り方を解説しました。

デベロッパーツールを使って要素の検証をしていきます。WindowsのChromeを使用しています。ツールの起動方法、画面の見方、HTMLやCSSの編集の仕方を見ていきます。

フレックスボックスの基本的な設定方法。アイテムの大きさの制御と位置合わせ。

paddingとmarginの違いをボックスモデルの考え方をもとに見ていきます。値の書き方も紹介しています。

「text-align center」と「margin 0 auto」の違いや、ブロックレベルの要素とインライン要素それぞれに中央寄せする方法を書きました。効かない場合の参考にも。

列をグループ化して色を変える、テーブルの幅の固定方法、行の折り返し、スクロールバーを使った表の作成方法を書きました。