[CSS] 5. 서체 다루기

1. 크기

- px : 절대적 단위(고정)

- em, rem : 가변적

 

최근에는 rem을 사용한다고 보면 된다.

why? 사용자의 환경에 따라 유동적으로 변할 수 있도록 자유도를 주기 위해서

web font size(ex. medium) -> html font에 영향 -> rem은 html의 기본 font size에 비례한다.

 

2. 색상

- color : "색상명", hex(16진수), rgb

 

3. 정렬

- text-align : left/right/center/justify

 

4. 서체

- font-family: arial, verdana... => 없으면 대체하는 폰트를 지정해주는 것이다. (우선순위)

- monospace : 고정폭. 자연스럽지는 않아서 많은 양의 data를 다루거나 coding 할 때 주로 쓰인다.

- font-weight : bold

- line-height : 행간 (기본 값은 1.2)

 

font 속성을 한 줄로 표현할 수도 있다.