06.15(font & color)

font-style

글꼴의 스타일로 주로 이탤릭체를 설정하기 위해 사용

normal	기본
italic	이탤릭체

 

font-weight

글꼴의 두께로 미리 정의된 단어나 100~900 사이의 숫자를 통해 설정

100	lighter
200
300
400	normal
500
600
700	bold
800
900	bolder

 

font-size

글자 크기로 절대값과 상대값 설정이 가능함

절대값 : 고정된 크기

상대값 : 상대적인 크기로 장치에 따라 크기 조절이 가능

           웹 문서의 경우 기본글꼴은 %(예 : body의 글꼴), 그 외 css작성은 em으로 사용할 것을 권장

px	절대값으로 1px은 컴퓨터 화면에서 점 1개와 같음
pt	절대값으로 주로 인쇄매체에서 사용
em	상대값. 웹 문서에서 사용되는 단위로 컴퓨터 외 다른 장치에서도 크기조정 가능
%	상대값으로 em과 비슷하게 다른 장치에서 상대적으로 크기 조절 가능
smaller	상위 요소에 비해 상대적으로 더 작은 크기
larger	상위 요소에 비해 상대적으로 더 큰 크기

 

font-family

글꼴의 종류

쉼표(,)로 여러 글꼴을 등록하여 사용

이때 맨 앞의 글꼴이 우선으로 적용되며, 맨 앞의 글꼴이 사용자의 컴퓨터에 없을 때 그 다음 글꼴을 적용

 

 

font

다음과 같은 순서로 세부 속성 한꺼번에 기술 

font: font-style | font-variant | font-weight | font-size/line-height | font-family

 

 

color

상속 : Yes

애니메이션 : Yes

color: color | initial | inherit

color	색 설정
initial	기본값으로 설정
inherit	부모 요소의 속성값 상속