color

font-size

<h1>

<h1>文字の色を変えてみよう</h1>

<p>文字の色と大きさを変えてみよう</p>


h1 {
  /* 問題1. 文字の色を指定①【カラー名】 */
  /* この下に解答してください */
  color: red;
}

p {
  /* 問題2. 文字の色を指定②【カラーコード】 */
  /* 問題3. 文字の大きさを指定 */
  /* この下に解答してください */
  color: #3355cc;
  font-size: 24px;
}


h1 {
  /* 問題1. 文字の色を指定①【カラー名】 */
  /* この下に解答してください */
}

p {
  /* 問題2. 文字の色を指定②【カラーコード】 */
  /* 問題3. 文字の大きさを指定 */
  /* この下に解答してください */
}


文字の色と大きさ

font-weight

text-align

文字の太さと配置

background-color

border

背景色と枠線

width

height

横幅と高さ

padding

padding: 10px 20px 30px;

上記のような場合、余白は上が$(1)px、右が$(2)px、下が$(3)px、左が$(4)pxとなる。

内側の余白

margin

margin: 10px 20px 30px 40px;

上記のような場合、余白は上が$(1)px、下が$(2)px、左が$(3)px、右が$(4)pxとなる。

外側の余白

<ul>

<li>

間隔を空けてボックスを並べよう（演習問題）

ウェブページに美しいスタイルを加えるためのCSSの書き方を練習します。
テキストのスタイルから背景色の設定まで、基礎的なスタイリングを習得します。

0からWebサイト制作のコツを学び、案件獲得までに必要なスキルをキャッチアップします。

Web制作コース

【まずはここから🔰】ゼロから始めるWeb制作

「まずはここから！CSSを体験してみよう」レッスンの総復習クイズです。