오늘은 효과나 이런것 보다 크기 단위에 대해서 공부해보자
보통은 픽셀을 많이 사용하는데 px말고도 여러가지 있다.
가변 크기 단위 - 상대적인 크기를 지니는 단위
- em
em은 요소에 지정한 글자 크기 단위, em단위를 쓰면 부모에게 지정한 글자 크기를 기준으로 배율을 조정[1em은 부모의 1배 2em은 부모의 2배]
- ex
ex는 요소에 지정한 font-family에 의존한다.
- rem
이 단위는 이해가 잘 안되서 여기저기 찾아본 결과 html에 지정된 크기를 기준으로? 상대적인 값을 가지게 된다고 한다.(사실 뭔소린지 잘 모르겠다~)IE8 이하는 인식을 못해서 사용에 주의해야 될꺼 같다
고정 크기 단위 - 부모 또는 기타 요소들에 영향을 받지 않고 크기를 유지하는 단위
- in
인치 (1in = 25.4mm)
- px
1px = 모니터의 1dot
- pt
1pt= 1/72in
- pc
파이카? (1pc = 12pt)
- cm
센치미터
- mm
밀리미터
찾아보니 은근 많은 단위들이 있어서 놀랐다.
보통 px나 써봐야 pt 정도 사용하는데 잘 사용하면 유용할꺼 같다.
