Codeit_사이즈 설정

---

px 과 %

---

px(픽셀)

HTML에서 무언가의 크기를 설정할 때는 기본적으로 픽셀 단위를 사용한다.

픽셀은 화면을 구성하는 기본 단위 이다.

어떤 이미지의 일부를 확대해서 보면 작은 정사각형 단위로 되어 있다.

각 정사각형을 픽셀이라고 부른다.

만약 어떤 이미지의 가로 길이가 100px로 설정되어 있다면, 가로로 저 작은 정사각형이 100개가 있다는 의미이다.

 

폰트크기도 픽셀로 설정하는 경우가 많다. 

만약 폰트 크기가 24px로 설정되어 있다면 폰트의 세로 길이가 24px 이라는 뜻이다.

 

%(퍼센트)

길이를 픽셀 말고 퍼센트로 설정할 수도 있다.

퍼센트로 크기 설정 시 부모태그를 기준으로 정한다.