CSS 기초 - 텍스트

색상

• color를 사용해서 변경
• HEX값 또는 색상의 이름
• .name{color: red} 또는 .name{color: #ff0000;}
• 글자 색 이외에도 배경색, 테두리 색 등 다양한 색 변경에 사용

글꼴

• font-family 사용
• `.name{font-family: "Noto Sans KR", "Gothic", "Verdana"}
  • font-family에 여러개 지정하면 fallback 기능
  • 글꼴이 없거나 사용할 수 없을 경우 앞에서 부터 차례대로 적용됨.

크기

• font-size
• .name{font-size: 30px;}

단위

• 절대단위 : px, pt => 기기나 브라우저 등 환경에 영향을 받지 않는 경우
• 상대단위 : %, em, rem, ch, vw, vh => rem: 브라우저 기본 글자 크기 1rem 기준으로 조정

기타

• font-weight: 굵기
• text-decoration: 밑줄, 가로줄 등
• letter-spacing: 자간
• line-height: 행간
• text-aligh: 정렬 => left, right, center, justify(양쪽 정렬)