본문 바로가기

CSS

[CSS] font(4) - font-size

728x90
반응형

 

▶ font-size
  - 글자의 크기 지정.

 

 

[속성 값]
  - 단위: px, em, cm 등 단위로 지정.

  - 기본값 16px(<body>에 font-size: 16px로 지정되어있다고 가정).

  - %: 부모(상위) 요소의 비율로 지정. 이는 em으로 대체해 사용하는 것을 권장.


  - xx-small: 가장 작은 크기.
  - x-small: 더 작은 크기.
  - small: 작은 크기.
  - medium: 중간 크기.
  - large: 큰 크기.
  - x-large: 더 큰 크기.
  - xx-large: 가장 큰 크기.
  - smaller: 부모 요소보다 작은 크기.
  - larger: 부모 요소보다 큰 크기.

 

  ∴ xx-small, x-small, small 등은 명확한 크기를 을 수 없음.

   - 되도록 완벽하게 크기를 제어할 수 있는 단위 사용을 권장.

 

 

 

 

 

728x90
반응형

'CSS' 카테고리의 다른 글

[CSS] font(5) - font-family  (0) 2020.09.09
[CSS] font(5) - line-height  (0) 2020.09.09
[CSS] font(3) - font-weight  (0) 2020.09.09
[CSS] font(2) - font-style  (0) 2020.09.09
[CSS] font(1)  (0) 2020.09.09