CSS에서 단위는 얼마나 크게, 얼마나 넓게 같은 값을 표현할 때 사용한다.이때 문제는 단위를 하나만 쓰는 게 아니라, 상황에 따라 단위가 다르게 동작한다는 점이다. 그래서 처음 접할 땐 px이 제일 익숙하니까 px만 쓰는 경우도 꽤나 있는 것 같아 보이는데, 실제로는 em이나 % 같은 상대 단위를 이해해야 반응형 레이아웃과 접근성까지 깔끔하게 처리할 수 있다. 따라서 오늘 글에서는 가장 많이 쓰는 단위인 px, %, em, rem을 중심으로 하나씩 정리해보고자 한다. 1. pxpx는 픽셀로, 아마 우리에게 가장 익숙한 단위이지 않을까 싶다.대부분의 경우 어느 정도인지 감이 오기 때문에 크기를 정확히 지정할 수 있어서 직관적이라는 장점이 있다. 예를 들어 아래와 같이 높이와 너비를 200px로 지정..
