모두CBT

다음 글상자의 CSS 스타일 시트로 HTML 페이지에 모양을 입힌 결과… | [전자상거래운용사 필기] 23년 1회차 기출문제 상세 페이지

1[전자상거래운용사 필기] 23년 1회차

다음 글상자의 CSS 스타일 시트로 HTML 페이지에 모양을 입힌 결과에 대한 설명으로 가장 올바르지 않은 것은?

<style>
    body {background-color : red;}
    h3 {color : black;}
    hr {border : 5px solid yellow;}
    span {color : blue; font-size : 20px;}
</style>
1
<body> 요소의 배경색을 red로 지정
2
<h3> 요소의 글자 색을 black으로 지정
3
<hr> 수직선을 yellow에 두께 5픽셀로 외곽선 지정
4
<span> 요소의 글자를 blue에 20픽셀로 지정
해설

hr은 수평선(horizontal rule)을 그리는 요소이므로 이를 “수직선”이라고 설명한 것이 잘못됐다.

스타일 시트의 hr {border : 5px solid yellow;}는 문서를 가로지르는 가로 구분선의 외곽선을 노란색 실선 5픽셀로 지정한다. 세로선을 그리려면 별도의 요소에 높이와 좌우 테두리를 지정해야 하며 hr로는 만들 수 없다.

나머지 규칙은 설명과 일치한다.

  • body {background-color : red;} — 문서 본문 전체의 배경색을 red로 지정한다.
  • h3 {color : black;} — 3단계 제목의 글자 색을 black으로 지정한다.
  • span {color : blue; font-size : 20px;} — 인라인 영역의 글자를 파란색 20픽셀로 지정한다.

내용에 오류가 있거나 최신 법령·기준과 다른 부분이 보이면 알려주세요. 확인 후 반영하겠습니다.