CSS 폰트,배경 기초

• font-family 속성
  • 웹 문서에서 사용할 글꼴 지정
  • 웹 문서에서 글꼴을 지정할 때는 한 가지 글꼴만 지정하기도 하지만
  지정한 글꼴이 없을 경우에 대비해 두 번째, 세 번째 글꼴까지 지정함. 둘 이상의 글꼴 이름을 지정할 때는 쉼표(,)로 글꼴 구분
  • font-family 속성은 상속되기 때문에 body 태그 스타일에서 한 번 정의하면 문서 전체에 적용되고 문서 안의 모든 자식 요소에 계속 같은 글꼴이 사용됨.

• 웹 폰트
  • 웹 폰트(web-font) : 웹 문서 안에 글꼴 정보도 함께 저장했다가 사용자가 웹 문서에 접속하면 글꼴을 사용자 시스템으로 다운로드시켜 사용하는 글꼴.
  • 사용자 시스템에 없는 글꼴이더라도 웹 제작자가 의도한 대로 텍스트를 표시할 수 있다.

구글 웹 폰트 사용하기
1. https://fonts.google.com/ 로 접속
2. 한글 폰트 검색
3. 소스 복사 & 글꼴 이름 기억
4. 웹 문서의 style 태그 안에 붙여넣음
5. font-family 속성에서 웹 폰트 글꼴 이름 사용

• font-size 속성
  • 글자 크기를 조절하는 속성
  • 사용할 수 있는 값: 절대 크기, 상대 크기, 숫자, 백분율
  • 기본 값은 상대 크기인 medium
  • font-size 속성은 상속된다.

• color 속성
  • 글자 색 지정
  • 16진수 값, rgb

• background-color 속성
  • 웹 문서의 요소에 배경색 지정
  • 16진수나 rgb 값, rgba 값 또는 색상 이름 사용
  • 배경 색은 상속되지 않는다.