基本のスタイリングチャレンジ

CoddyのHTMLジャーニー「Styling with CSS」セクションの一部 — レッスン 9/76。

チャレンジ

簡単

見出し（<h1>）と段落（<p>）が含まれるHTMLドキュメントが与えられています。あなたのタスクは、インライン、内部、および外部CSSを組み合わせて、これらの要素をスタイリングすることです。以下の手順に従ってください。

インラインCSSを使用して、<h1>見出しのテキストの色をblueに変更します。
内部CSSを使用して、bodyの背景色をlightgrayに、段落（<p>）のフォントサイズを16pxに変更します。
styles.cssという名前の提供された外部CSSファイルを使用して、段落（<p>）のテキストの色をredに変更します。
<link>タグを使用して、外部CSSファイルをHTMLドキュメントにリンクします。

自分で試してみよう

<html>
<head>
    <title>Basic Styling Challenge</title>
    <style>
        body {
            background-color: white;
        }
        p {
            font-size: 12px;
        }
    </style>
    <!-- ここに外部CSSファイルをリンクします -->
</head>
<body>
    <h1 style="color: red;">This is a heading</h1>
    <p>This is a paragraph.</p>
</body>
</html>