CSS 단위 (px, %, em, rem, vw, vh)

개발을 처음 배울때 html, css, javascript, java, spring 을 배웠는데 어느 순간부터 앞단을 거의 손대지 않아 다 까먹어서 다시 공부할겸 정리를 해보려고 한다. px짐작했듯이 하나의 디바이스가 표현할 수 있는 화면의 픽셀 즉 하나의 점이다. 요즘은 모니터 해상도가 좋은게 너무 많아졌지만 대부분 사용하는 모니터의 경우 가로 너비가 1920 픽셀에 세로 너비가 1080인 해상도를 가지고 있다. 여기서 1920 이라는 건 하나의 픽셀이 가로로 1920개가 있다는 뜻이고 1080은 픽셀이 세로로 1080개 있다는 뜻이다.  %절대 단위, 상대 단위의 개념에서 퍼센트는 어떤 것을 기준으로 해서 몇 퍼센트의 크기를 가지는지 특정한 기준이 있는 상대적으로 나타내는 1% 부터 100%까지 기본..
CSS 2025. 2. 19. 16:53
1