CSS 글꼴과 배경

글꼴 속성

속   성	설      명	값
font-style	글자의 기울기	normal : 기울기 없음 italic : 이텔릭체 oblique : 기울어진 글자
font-weight	글자의 두께(가중치)	nornal, 400 : 기본 두께 bold, 700 : 두껍게 bolder : 상위(부모) 요소보다 더 두껍게 lighter : 상위(부모) 요소보다 더 얇기 100 ~ 900 : 100단위 숫자 9개
font-size	글자의 크기	16px : 기본크기 단위 : px, em, rem등 단위로 지정 % : 부모 요소의 폰트 크기에 대한 비율 samller : 상위(부모) 요소보다 작은 크기 larger : 상위(부모) 요소보다 큰 크기 xx-small ~ xx-large : 가장 작은 크기 ~ 가장 큰 크기 (7단계)
line-height	한 줄의 높이, 핸간과 유사	normal : 브라우저의 기본 정의를 사용 숫자 : 요소의 글꼴 크기의 배수로 지정 단위 : px, em, rem 등의 단위로 지정 % : 요소의 글꼴 크기의 비율로 지정
font-family	글꼴 지정 앞에 지정된 글꼴을 못 쓴다면 다음 글꼴을 사용하게 된다.	글꼴1, "글꼴2", ... 글꼴계열
color	글자의 색상	rgb(0, 0, 0) : 검정색 색상 : 기타 지정 가능한 색상
text-align	문자의 정렬 방식	left : 왼쪽 정렬 right : 오른쪽 정렬 center : 가운데 정렬 justify : 양쪽 정렬
text-decoration	문자의 장식(선)	none : 장식없음 underline : 밑줄 overline : 윗줄 line-through : 중앙 선
text-indent	문자 첫 줄의 들여쓰기	0 : 들여쓰기 없음 단위 : px,em, rem 등 단위 지정 % : 요소 가로 너비의 대한 비율

 

배경 속성

속      성	설      명	값
background-color	요소의 배경 색상	transparent : 투명함 색상 : 지정 가능한 색상
background-image	요소의 배경 이미지 삽입	none : 이미지 없음 url("경로") : 이미지 경로
background-repeat	요소의 배경 이미지 반복	repeat : 이미지를 수직, 수평 반복 repeat-x : 이미지를 수평 반복 repeat-y : 이미지를 수직 반복 no-repeat : 반복없음
background-position	요소의 배경 이미지 위치	0% 0% : 0% ~ 100% 사이 값 방향 : top, bottom, left, right, center 방향 단위 : px, em, rem 등 단위로 지정
background-size	요소의 배경 이미지 크기	auto : 이미지의 실제 크기 단위 : px, em, rem 등 단위로 지정 cover : 비율을 유지, 요소의 더 넓은 너비에 맞춤 contain : 비율을 유지, 요소의 더 짧은 너비에 맞춤
background-attachment	요소의 배경 이미지 스크롤 특성	scroll : 이미지가 요소를 따라서 같이 스크롤 fixed : 이미지가 뷰포트에 고정, 스크롤 X local : 요소 내 스크롤 시 이미지가 같이 스크롤