[CSS] 텍스트 관련 속성

>  font - family 속성

• 요소를 구성하는 텍스트의 글꼴을 정의함.
• 글꼴명을 속성값으로 지정함.
• 여러 개의 글꼴을 연이어 작성하여 우선순위를 지정할 수 있음.

 

ex.

> 우선순위가 높은 글꼴이 지원되지 않을 경우 뒤에 있는 글꼴로 지정됨.

 

---

>  font - size 속성

• 수치와 단위를 지정해 텍스트의 크기를 정의함.
• px : 모니터 상의 화소 하나 크기에 대응하는 절대적인 크기.
• rem : html 태그의 크기에 맞춰 배수만큼 크기 조절. 상대적인 크기.
• em : 부모 태그(상위 태그)의 크기에 맞춰 배수만큼 크기 조절. 상대적인 크기.

 

ex.

 

---

 

---

 

---

>  text - align 속성

• 블록 내에서 텍스트의 정력 방식을 정의함.
• left : 왼쪽 정렬
• right : 오른쪽 정렬
• center : 가운데 정렬
• justify : 양끝 정렬. 오른쪽 끝 부분이 일정하게 정렬되는 것. (마지막 줄은 제외)

 

ex.

(ft. 묘해, 너와 - 어쿠스틱 콜라보)

 

---

>  color 속성

• 텍스트의 색상을 정의함. 다양한 방법으로 지정할 수 있음.
• 키워드 : 정의된 색상 키워드를 사용함. (ex. blue, pink)
• RGB 색상 코드 : # + 여섯 자리 16진수 값 형태로 지정함.
• RGB 함수 : Red, Green, Blue 값을 각각 정의해 지정함.

 

ex.

+ FF는 16진수의 최댓값