CSS 기초 정리 - 3

font-size: ;

 기본값으로 16px
 단위로는 em, px, cm 등으로 크기 조정
 %는 부모(상위) 요소의 비율로 지정

font-family: ;

글꼴의 변형으로 순서대로 글꼴을 지정해주어야 한다.
앞선 글꼴이 없을 경우 뒤에 나오는 글꼴이 적용되고
마지막엔 기본 폰트인 sans-serif가 적용된다.

ex) font-family: "Nanum Gothic", '나눔고딕', Helvetica, sans-serif;

- 따옴표 안에는 대소문자 띄어쓰기 그대로 사용해야 적용된다.
- 따옴표 없이 사용하면 띄어쓰기가 있을 경우 Nanum과 Gothic 따로 검색한다.
- 영어는 따옴표를 사용하지 않아도 된다.
- 웹표준에 맞추려면 뒤에 sans-serif, serif, cursive를 사용해야 한다.

font-weight: ;

normal = 400, bold = 700
bolder = 부모(상위) 요소보다 더 두껍게
lighter = 부모(상위) 요소보다 더 얇게
숫자 = 100 ~ 900까지 100 단위로 두께 지정

---

color: ;

문자의 색상을 지정하는 속성
값으로는 색상 이름을 적거나 또는 rgb(0, 0, 0),
Hex코드 - #rrggbb(16진수 값)을 넣는다.
rgba는 투명도를 조절하는 값도 넣은 것이다.

text-align: ;

문자의 정렬 방식을 지정하는 속성
값으로는 left, right, center, justify(양쪽 맞춤)

text-decoration: ;

문자의 장식을 지정하는 속성
값으로는 none, underline, overline, line-through

text-indent: ;

첫 번째 줄의 들여쓰기를 지정하는 속성
값으로는 정수(음수를 넣을 경우 왼쪽으로 들여쓰기 가능)
    

---

letter-spacing: ;

문자 사이의 자간(글자 사이 간격)을 지정하는 속성
단위로는 px, em, cm 등으로 조정

word-spacing: ;

단어 사이(띄어쓰기)를 지정하는 속성
단위로는 px, em, cm 등으로 조정

line-height: ;

행간을 조절하는 속성
기본값(normal)은 브라우저 기본 정의를 사용(1~1.4)
단위로는 px, em, cm 등으로 크기 조정
%는 요소 자체 글꼴 크기의 비율로 지정

ex) font-size: 16px;
	font-weight: 32px;
    - 글꼴의 크기 16px를 제외한 위 아래 여백은 8px