기초 스타일링 챌린지

Coddy HTML 여정의 Styling with CSS 섹션에 포함된 레슨 — 76개 중 9번째.

챌린지

쉬움

제목(<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>