[CSS] 수치표현 (pt,px,em,%,rem,ex,mm,cm,pc, in)

HTML 수치 표현 

1. 숫자 : px , 문자수

2. 숫자% : 부모를 기준으로 하는 상대값.

CSS 수치 표현

- 반드시 수치 뒤에는 단위를 표시해야 한다.

1. pt : 포인트(글꼴 단위) 1/72 단위

2. px : 픽셀(화소) 크기,글꼴,여백,위치 등

/* 글꼴크기 */

font-size:14px

3. em : 이엠 - 기본 글꼴 크기를 기준으로하는 상대크기 표현(%와 유사) : 알파벳 대문자 M의 높이가 기준.!

/*  자간(글자 간격)  */

letter-spacing:0em;

4. % : 퍼센트 - 부모를 기준으로 하는 상대 크기, 크기, 여백, 위치,정렬 등...

/* 태그 너비 상대적 기준 */

div{

width:100%;

}

5. rem : 알이엠 -> 잘 안씀.

------------------------------------------------------------------------------------------------------

6. ex : 이엑스 - 기본 글꼴 크기를 기준으로하는 상대크기 표현(%와 유사) : 알파벳 소문자 x의 높이가 기준.!

7. mm : 밀리미터

8. cm : 센티미터

9. pc : 파이카(1:12pt)  

10. in : 인치