[CSS] 속성 정리(2) 글꼴, 문자, 배경

글꼴

• font-style: italic 이탤릭체
• font-weight: 기본값은 normal or 400, 두껍게 bold or 700 (100~900, 100단위로 9개 지정 가능)
• font-size 기본 크기 16, 단위로 지정 가능(px, em, rem 등)
• line-height: 한 줄의 높이(행간과 유사), 숫자 입력 시 요소의 글꼴 크기의 배수 의미 - 되도록 배수의 개념 사용 ex) line-height: 2;
• font-family: 글꼴1, 글꼴2, ..., 글꼴계열(필수로 작성) - 글꼴 여러 개 입력한 것은 후보라는 의미로 맨 처음 명시된 걸 사용 시도하고 마지막 후보까지 시도한 뒤 사용 못하면 맨 마지막에는 글꼴 계열 중 사용
  글꼴계열: serif, sans-serif, monosapce, cursive, fantasy

문자

• color: 글자의 색상, 기본값 rgb(0,0,0)
• text-align: left(기본값), right, center
• text-decoration: none(기본값), underline 밑줄, line-thought 중앙선 찍
• text-indent: 0(기본값), 단위로 지정 - 양수는 들여쓰기, 음수는 내어쓰기

배경

• background-color: tranasparent(기본값:투명), 색상 지정
• background-image: none(기본값), url("경로") < 이미지 경로
• background-repeat: repeat(기본값), repeat-x 수평 반복, repeat-y 수직 반복, no-repeat 반복 없음
• background-position: 배경 이미지 위치 지정: top, bottom, right, left, center 입력 가능, inherit 부모 요소 상속

background-position: top right --> 배경 이미지 오른쪽 위
backgroun-position: 100px 30px --> 왼쪽 위를 기준으로 x, y축

• background-attachment: 요소의 배경 이미지 스크롤, scroll(기본값) 스크롤 따라서 같이, fixed 이미지가 뷰포트에 고정되어 스크롤에 안따라옴