6.1.1 기본 스타일 시트

hn 태그를 배울 때, 단순히 태그만 사용했는데도 웹 브라우저에는 텍스트가 다양한 크기와 굵기로 표시됐습니다.

그림 6-1 hn 태그 예시

HTML 태그는 태그 자체에 꾸밈을 담당하는 역할이나 기능이 없습니다. 그런데도 웹 브라우저에서 hn 태그가 각각 다르게 표시된 이유는 웹 브라우저 자체에 기본 스타일 시트가 내장되어 있기 때문입니다. 여기서 기본 스타일 시트란 웹 브라우저에 기본으로 내장되어 웹 브라우저에 표시되는 요소들의 글꼴이나 크기, 색상, 굵기, 문단 설정과 같은 스타일이 미리 정의된 파일 또는 문서 양식을 말합니다.

요컨대, IE, 엣지, 크롬, 사파리, 파이어폭스 등 우리가 사용하는 웹 브라우저는 전부 독자적으로 스타일이 정의된 기본 스타일 시트가 있습니다. 그래서 hn 태그도 웹 브라우저에 내장된 기본 스타일 시트에 영향을 받아 크기와 굵기가 각각 다르게 표시된 것입니다.