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






+ Recent posts