#18 - CSS 기초 - 폰트

폰트 속성 설명

폰트 단축 입력 방법

/* 기울기 두께 크기 / 줄높이 서체 */
/* 크기와 서체는 필수 입력 해야 하며, 그 외는 생략 가능하다. */
.class{
    font : italic 2px 14px / 1.5 "Arial",sans-serif;
}

속성 설명

속성	개별 속성	의미	값
font	-	서체와 관련된 속성을 지정한다. 사용 방법은 상단 태그 참고
	font-style	글자 기울기	normal, italic, oblique
	font-weight	글자 굵기. bolder와 lighter는 부모요소를 기준으로 굵게 / 얇게를 설정 숫자 별 굵기 100 : thin 300 : light 400 : normal 500 : medium 700 : bold 900 : black	normal, bold, bolder, lighter, 숫자
	font-size	글자 크기. px과 em단위를 가장 많이 사용하며, 기본값은 16px기본값 변경 1. body태그 내부에 변경 할 기본 값을 입력 2. body태그의 하위 요소가 이를 상속 받음 3. 상속받은 폰트 크기를 기본값으로 인식	숫자+단위
	line-height	줄 높이 줄 높이 계산 1. 상단 여백 + 폰트 크기 + 하단 여백 = 줄 높이 2. 폰트 크기 14px, line-height가 20px일 경우 상하 3px의 여백 발생 줄 높이 숫자만 입력 시 1. 폰트 크기*숫자 = 줄 높이 2.폰트 크기 14px,  line-height가 2일 경우 28px의 줄 간격이 적용 됨	숫자, 숫자+단위
	font-family	서체 지정. 우선순위 1. 글꼴은 여러개를 입력할 수 있음 2. 입력 순서에 따라 우선순위가 매겨짐 3. 사용자 pc에 1순위를 못찾으면 2순위가 적용되는 시스템 글꼴 계열 모든 폰트가 없을 때를 대비하여 마지막에 글꼴 계열을 필수로 입력  serif, sans-serif, monospace, cursive, fantasy	글꼴 이름, 글꼴 계열
color		글자의 컬러. 같은 컬러를 여러 방식으로 입력할 수 있다.	rgb(0, 0, 0) rgba(0, 0, 0, .5) black #000000
text-align		텍스트 정렬 설정. justify는 양쪽 정렬이며, br태그가 없는 2줄 이상일 경우에만 작동	left, right, center, justify
text-decoration		텍스트 라인 표시 설정underline : 밑줄overline : 윗줄line-through : 중간 줄	none, underline, overline, line-through
text-indent		들여쓰기 지정. 마이너스 값을 사용하면 내어쓰기가 가능	숫자+단위
latter-spacing		문자의 자간을 설정.	숫자+단위, normal
word-spacing		띄어쓰기 너비 설정	숫자+단위, normal