본문 바로가기
카테고리 없음

Font-size : px / % / em / rem

by 학습하는 청년 2023. 6. 17.

px

화면에서 그려지는 가장 작은 정사각형을 말합니다. 이 사각형을 크기의 단위로도 쓰는데요.

 

CSS에서는 크기를 설정할 때 픽셀이라는 단위를 씁니다.
위 이미지의 일부를 확대해서 보니까 작은 정사각형 단위로 되어 있죠?
이때 각 정사각형을 픽셀(Pixel)이라고 부릅니다.
픽셀의 원래 이름은 Picture Element인데요. 그림의 기본 요소라는 뜻이죠.
이걸 줄여서 Pics + El = Pixel이라고 합니다.
이 정사각형을 화면에서 크기의 단위로 쓰기도 하는데요.
코드에서 크기의 단위로 쓸 때는 px라고 쓰고 픽셀이라고 읽으면 됩니다.
만약 어떤 이미지의 너비가 100px이라고 한다면,
가로로 저 작은 정사각형 100개만큼 있다는 거죠.

댓글