자주 쓰이는 CSS 속성 및 단위

1-1. 색상

color: 글자의 색상
background-color: 배경색상
border-color: 테두리 색상

1-2. 글꼴

font-family: " "를 넣어 폰트 추가 가능, 사용하려는 글꼴이 존재하지 않거나 디바이스에 따라 지원하지 않는 경우를 대비해서 ,를 입력 후 여러 글꼴 사용 가능

1-3. 크기

font-size

1-4. 기타 스타일링

• 굵기: font-weight
• 밑줄, 가로줄: text-decoration
• 자간: letter-spacing
• 행간: line-height

1-5. 정렬

1) 가로로 정렬할 경우 text-align 사용.

• left
• right
• center
• justify (양쪽 정렬)

2-1. 단위

• 절대 단위: px, pt
• 상대 단위: %, em, ch, vw, vh 등

2-2. 글꼴 사이즈를 정할 때

1. 기기나 브라우저 사이즈 등의 환경에 영향을 받지 않는 절대적인 크기로 정할 때는
   px

2. 일반적인 경우 rem

2-3. 화면 사이즈를 정할 때

1. 반응형 웹(responsive web)에서 기준점을 만들 때는 주로 px를 사용
2. 화면 너비나 높이에 따른 상대적인 크기가 중요할 경우 vw (wiewport width) 혹은 vh(wiewport height)