CSS font / rem / em

KHW·2021년 7월 6일
0

CSS

목록 보기
5/16
post-custom-banner

font-style

normal / italic / oblique 중 하나를 지정하나 실제 기울임 정도가 normal과 나머지 차이고 italic과 oblique는 거의 같다.

font-weight

100~900사이로 숫자를 지정할 수 있으며 normal은 400, bold는 700이다.

font-size

글자 크기를 지정
px이나 em rem을 사용

font-family

구체적인 폰트 이름을 지정
여러 개의 폰트를 지정하여 나열된 순서대로 폰트가 선택

font 단축 프로퍼티

font : font-style font-weight font-size font-family

rem / em

공통점 : 글꼴(font)의 기본 크기를 1em으로 놓고, 그에 대한 상대적인 크기를 설정합니다

차이점
em : em은 부모의 font-size를 기준으로 한다.
rem : rem의 r은 root를 의미한다. root(html)의 font-size를 기준으로 단위를 정한다

ex)

rem에 비해 em은 상속의 영향을 받아 변경되기 때문에 가능하면 rem을 사용하자

profile
나의 하루를 가능한 기억하고 즐기고 후회하지말자
post-custom-banner

0개의 댓글