CSS 기본 스타일

크기 단위

px: 모니터 해상도의 한 화소인 '픽셀' 기준, 고정적임

 

%: 백분율 단위, 가변적인 레이아웃에서 자주 사용

 

em: (바로 위, 부모요소에 대한) 상속의 영향을 받음 상대적인 사이즈를 가짐

 

rem 상속의 영향 x, 1rem = 16px

 

vw viewport의 영향을 받아 늘어나고 줄어듬

 

색상 단위

RGB 색상 : 16진수 표기법으로 표현 ( color: rgb(0, 255, 0) )

 

HSL 생상 : 색상, 채도, 명도를 통해 색을 표현 ( color: hsl(0, 100%, 50%) )

 

black컬러 표기법

color: black;

color: #000;

color: #000000;

color: rgb(0, 0, 0)

color: hsl(120, 100%, 0)