font-family
요소를 구성하는 텍스트의 글꼴을 정의한다. 글꼴명을 속성값으로 지정한다. 여러 개의 글꼴을 연달아 기입하여 우선 순위를 지정할 수 있다.
* { font-family : Times, monospace, serif; }Times를 우성 지정하되, 지원되지 않을 경우 monospace를 지정한다.
font-size
수치와 단위를 지정해 글자의 크기를 정의할 수 있다.
단위
- px : 모니터 상의 화서 하나 크기에 대응하는 절대적인 크기
- rem :
<html>태그의 font-size에 대응하는 상대적인 크기 - em : 부모태그(상위태그)의 font-size에 대응하는 상대적인 크기
span {font-size : 16px} span {font-size : 2rem} span {font-size : 1.5em}
text-align
블록 내에서 텍스트의 정렬 방식을 정의한다. 미리 정의된 키워드 값을 지정한다.
- left/right : 왼쪽 또는 오른쪽 정렬한다.
- center : 가운데 정렬한다.
- justify : 양끝 정렬한다.마지막 줄 제외)
p {text-align : right;}
color
텍스트의 색상을 정의한다.
- 키워드 : 미리 정의된 색상별 키워드를 사용한다.
- #+여섯자리 16진수 값 형태로 지정한다.
- Red, Green, Blue 의 수준을 각각 정의해 지정한다.
span {color : red;} span {color : #FF0000;} span {color : rgb(100%, 0%, 0%);}
프론트 엔드와 UX 디자인 찍먹 중인 보안 전공생