0042 텍스트의 크기 font-size 개요
CSS에서 font-size 속성(property)으로 텍스트의 크기를 설정한다.
body 요소에 적용되는 텍스트의 크기를 설정하는 규칙은 다음과 같이 작성하면 된다.
body { font-size: 텍스트의 크기; }
font-size의 속성값(value)은 텍스트의 크기인데 이 텍스트의 크기 속성값이 한 가지 형식이 아니다.
일단, font-size 속성의 속성값인 텍스트의 크기를 결정하는 형식은 크게 절대 크기(absolute size)와 상대 크기(relative size)로 분류할 수 있다.
절대 크기(absolute size)
- 텍스트를 특정 사이즈로 고정한다.
- 사용자가 어떤 브라우저에서도 임의로 텍스트 크기를 변경할 수 없다.
- 모니터 화면에서 사용하기에 적합하지는 않지만 프린트 등 물리적으로 구현될 경우에는 유용하다.
상대 크기(relative size)
- 상대적인 비율로 크기를 설정한다.
- 사용자가 브라우저에서 텍스트의 사이즈를 변경할 수 있다.
절대 크기(absolute size)는 실제 길이(length) 단위인 mm(millimeters), cm(centimeters), in(inches), pt(points), pc(picas), px(pixels) 등이다.
상대 크기(relative size)는 퍼센트(%)나 em 등이다.
Anki 파일
아래는 본 포스팅의 내용을 갈무리하기 위한 Anki 파일입니다. 참고하시기 바랍니다.
Ankilog 파일: 
0042 텍스트의 크기 font-size 개요.apkg
Ankilog파일 문구 수정 2018-12-23 10:20
'Anki로 공부하기 > HTML공부' 카테고리의 다른 글
| 0044 CSS의 길이(length) 중 상대 길이(relative length) (0) | 2019.01.03 |
|---|---|
| 0043 CSS의 길이(length) 중 절대 길이(absolute length) (0) | 2018.12.26 |
| 0041 CSS로 텍스트의 폰트 설정하기(font-family 속성) (0) | 2018.12.19 |
| 0040 글꼴, 서체, 폰트 개요 (0) | 2018.12.18 |
| 0039 클래스(class) 속성 사용해보기 (0) | 2018.12.15 |