텍스트 관련 속성

• font-family: 글꼴을 정의한다.

  * {
  	font-family: Times, monospace, serif;
  }

  ⇒ Times를 우선 지정하되, 지원되지 않을 경우 monospace를 지정
  
• font-size: 글자 크기를 정의한다.

  span {font-size: 16px;}
  span {font-size: 2rem;}
  span { font-size: 1.5em;}

  단위	의미
  px	모니터 상의 화소 하나 크기에 대응하는 절대적인 크기
  rem	태그의 font-size에 대응하는 상대적인 크기
  	ex) 태그의 font-size가 16px일 때 1rem = 16px, 2rem = 32px, 3rem = 48px…
  em	부모태그(상위태그)의 font-size에 대응하는 상대적인 크기
  	ex) <p>1번<span>2번</span></p>이고 p태그가 16px일때 span 태그에 em을 주면 p태그의 영향을 받아서 1em = 16px, 2em=32px, 3em=48px…

• text-align: 정렬 방식을 정의

  p{ text-align: right; }

  속성값	의미
  left / right	왼 쪽 또는 오른 쪽 정렬한다.
  center	가운데 정렬한다.
  justify	양끝 정렬한다.(마지막 줄 제외)

• color: 글자 색상을 정의

  span{ color: red; }
  span{ color: #FF0000; }
  span{ color: rgb(100%, 0%, 0%); }

  속성값 유형	방법
  키워드	미리 정의된 색상별 키워드를 사용한다.
  	ex) red, blue
  RGB 색상 코드	# + 여섯자리 16진수 값 형태로 지정한다.
  RGB 함수	Red, Green, Blue의 수준을 각각 정의해 지정한다.

⋇RGB란?

RGB 색상은 빛의 삼원색(Redm Green, Blue)을 혼합하여 색을 정의하는 방식

모든 수치가 가장 높을 때 흰색이 된다.