텍스트 관련 스타일

a. 글꼴 관련 스타일

 

1. font-family 속성 : 웹 문서에서 사용할 글꼴을 지정.

 - 웹 문서의 텍스트는 사용자 시스템의 글꼴을 이용해 웹 브라우저 화면에 표시

 

2. font-size 속성 : 글자 크기 조절. 글자 크기의 단위는 px(픽셀), pt(포인트), 백분율로 사용 가능

font-size : ① <절대 크기> ② <상대 크기> ③ <크기> ④ <백분율>

① <절대 크기> : 브라우저에서 지정한 크기 ② <상대 크기> : 부모요소의 글자 크기를 기준으로 상대적인 글자 크기를 지정 ③ <크기> : 브라우저와 상관 없이 글자 크기를 직접 지정 ④ <백분율> : 부모요소의 글자 크기를 기준으로 백분율로 표시

1) 단위를 사용하여 지정 

 - 주로 단위를 사용하여 글자 크기를 직접 지정

 - 음수값은 사용 할 수 없음

 - 요즘은 em 혹은 rem 단위를 많이 사용 / 1em = 16px = 12pt

종류	설명
em	부모 요소에서 지정한 글꼴의 대문자 M의 너비를 기준(1em)으로 한 비율값을 지정
rem	문서 시작 부분(root)에서 지정한 크기를 기준(1rem)으로 한 후 비율값을 지정
ex	해당 글꼴의 소문자 x의 높이를 기준(1px)으로 한 후 비율값 지정
px	모니터의 1픽셀을 기준으로 한 후 비율값 지정
pt	포인트라고 하며 일반 문서에서 많이 사용

 

2) 백분율을 사용하여 지정

 : 부모 요소의 글자 크기를 기준으로 계산하여 지정하는 방법. 부모 요소의 글꼴 크기가 단위로 표현 되어 있어야 함!