Css #4 - 글자에 관한 속성

font-family -글꼴

• 폰트의 이름에 공백이 있을 경우 "폰트 이름"의 형식으로 작성
  (폰트 이름을 그대로 적어야 함!!)

font-size - 글자 크기

• px : Font size를 지정할 때 가장 많이 사용되는 단위로, 크기를 지정하지 않으면 16px로 표시
• em : Font의 대문자 M을 기준으로 Parenet 요소에서 지정한 Font의 대문자 M의 너비를 1em으로
  놓고 상대적 Value을 계산하는 방식으로, 지정하지 않으면 16px이 1em으로 지정된다.
• pt : 일반 문서에서 많이 사용되는 단위입니다.
• ex : 해당 Font의 소문자 x의 높이를 기준으로 크기를 결정하는 것

font-style - 글자 스타일

• italic : 폰트 기울이기
• oblique : 폰트를 기울여져보이게 함

line-height - 줄간격

• line-height : 값 [px | % | vh]

text-align - 글자 정렬

• left :기본값으로 글자를 왼쪽으로 정렬
• right : 글자를 영역의 오른쪽으로 정렬
• center : 글자를 영역의 가운데로 정렬
• justify : 글자 간격을 영역에 맞춰 늘림

text-transform - 문자 변환

• capitalize : 첫 번째 글자를 대문자로 변환
• uppercase : 모든 글자를 대문자로 변환
• lowercase : 모든 글자를 소문자로 변환
• none : 변환하지 않는다. 기본값.
• full-width : 가능한 한 모든 문자를 전각 문자로 변환한다.
  ◎ 전각문자란? 가로 세로 길이 비율이 같은 글자를 말한다.
  ◎ 반각문자란? 가로 세로 길이 비율이 1:2인 글자를 말한다.

text-shadow - 글자 그림자

• 가로거리와 세로거리, 번짐정도는 px단위를 주로 이용한다.
  

text-decoration -글자 꾸밈

• underline : 밑줄
• overline : 윗줄
• line-through : 취소줄
• blink : 깜박임(-ie 6 7 미지원)
• none : 모든 글자 꾸밈 없애기

font-weight - 글자 굵기

• 100~900 : 숫자가 높을수록 굵어짐
• bold : 굵게
• bolder : 더 굵게
• normal : 폰트의 원래 굵기
• lighter : 원래 굵기보다 더 얇게

color - 글자 색상

• #색상코드
• 색상명
• rgb(red,green,blue)
• hsl(hue, saturation, lightness)
• rgba(red, green, blue, alpha)

◎ alpha는 투명도를 뜻한다.
0~1 사이의 값을 이용해 투명도를 표시할 수 있다.
0 : 완전 투명 상태
1 : 완전 불투명 상태
0.5 : 50% 투명한 상태