CSS 단위

css에서 사용할수 있는 여러가지 단위가 있다 

 

px

px  : 하나의 디바이스가 표현할 수 있는 픽셀(점)

• 디바이스의 해상도나 화면의 확대 축소에 따라서 다르기때문에 엄연히 따지면 상대 단위이다.

ex) 1920 x 1080 가로로는 1920개의 픽셀과 세로로는 1080의 픽셀이 있다는 뜻이다. 

 

%

% : 상대적 백분율 어떤 것을 기준으로 해서 몇퍼센트의 크기를 가지는지 상대적 단위이다. 

 

em

em : 요소의 글꼴 크기  하나의 요소가 갖고 있는 단위는 1em 이다.  

ex) 10px 글꼴 크기라면 1em은 10px이다

 

rem

rem :루트(최상위) 요소(HTML)의 글꼴의 크기 

 

vw

vw : 뷰포트 가로 너비의 백분율 

 

vh

vh : 뷰포트 세로 너비의 백분율 

---

TIL

key point 

상황에 맞게 단위를 써야하며 반응형일때 어떤 단위를 많이 사용하는 지 알아보기 
 
느낀점

상대적과 절대적 단위가 있는 모양이다 나중에 찾아봐야겠다 

오늘의 학습 만족도 
⭐⭐⭐⭐⭐