css font(폰트, 크기, 스타일, 정렬, 상속)

1.css 폰트 적용

-기본문법: font-family: 폰트이름;
-예비폰트 넣는 법(모든 컴퓨터가 모든 폰트를 가진 것은 아니다. 만약 컴퓨터에 해당 폰트가 없을 땐 작성된 폰트속성 무시한다. 해서 이 폰트가 없을 땐 이 다음 폰트를 적용해줘! 라는 뜻으로 예비 폰트를 작성할 수 있다.
문법: font-family: "폰트이름", 예비폰트이름;

2.css 폰트 크기 적용

-기본문법: font-size: 폰트크기;
예) font-size: 11px;

-em은 크기의 배를 의미한다. 2em은 2배, 3em은 3배
예) body의 폰트크기를 10px로 해놓고 h2크기를 2em으로 해놓으면 10px의 2배인 20px로 바뀐다.

3.css 폰트 스타일 적용

기본문법)
bold체 : font-weight: bold;
이탤릭체: font-style: italic;

4. css 폰트 shorthand 기법

font-familiy: fantasy;
font-size: 13px;
font-style: italic;

위처럼 각 줄에 작성된 코드를 한 번에 정리할 수도 있다.
font: italic 13px fantasy; (shothand의 예시)

5. css 폰트 자간 조절

기본문법 예시 : line-height: 30px;

6. css 폰트 정렬

기본문법 예시 : text-align= left;
-center, right 등등 사용 가능.

7. css font decoration

기본문법 예시: text-decoration= underline;
-underline, none 등 사용 가능.

8. css상속(inheritance)

-부모의 태그가 자식태그에 영향을 미치는 것을 상속이라 한다.

-font-family, font-size, color, 등등은 상속 속성을 가지고 있다. <br.
-어떤 css tag가 상속의 속성을 가진지 알아보려면 body에 적용해보거나, 검색할 것.