h1 { margin: 0.5em; } /* em, 요소의 글꼴(font) 높이 */

h1 { margin: 1ex; } /* x-height, 글자 'x'의 높이 */

p { font-size: 12px; } /* pixels, 화면에 상대적으로 */

h1 { margin: 0.5in; } /* 인치(inche), 1in = 2.54cm */

h2 { line-height: 3cm; } /* cm, centimeter */

h3 { word-spacing: 4mm; } /* mm, millimeter */

h4 { font-size: 12pt; } /* 포인트(point), 1pt = 1/72 in */

h4 { font-size: 1pc; } /* 피카(pica), 1pc = 12pt */

p { line-height: 120%; } /* 요소의 글꼴 크기('font-size')의 120% */

body {color: black; background: white; }

h1 { color: maroon; }

h2 { color: olive; }

em { color: #f00; } /* #rgb */

em { color: #ff0000; } /* #rrggbb */

em { color: rgb(255,0,0); } /* 정수 범위: 0 - 255 */

em { color: rgb(100%, 0%, 0%); } /* 유동(float) 범위: 0.0% - 100.0% */

em { color: rgb(255,0,0); } /* 정수 범위: 0 - 255 */

em { color: rgb(300,0,0); } /* 255로 잘림 */

em { color: rgb(110%, 0%, 0%); } /* 100%로 잘림 */

단위

설명

in, mm

각각 인치와 밀리미터를 뜻,

화면 해상도에 따라 실제 크기를 나타냅니다.

px

화면의 기본단위 pixel, 

해상도에 따라 크기가 달라집니다

pt

포인트, 출판 업계 용어로 75분의 1인치를 말합니다.

화면 해상도에 따른 실제 크기를 나타냅니다.

dp(dip)

기기 기준 픽셀(device-dependent pixels), 인치당 160개의 점이 있는 디스플레이에서 1dp = 1px, dp단위로 지정하면 해상도만큼 길이가 늘어나 해상도에 상관없이 비슷한 크기로 보입니다.

글자 외 요소 제어 시 권장.

sp

배율 기준 픽셀(scale-dependent pixels),

sp는 사용자가 지정한 글꼴의 기본 크기에 비례해 크기가 변경

글자 제어 시 권장

em

글꼴과 상관없이 동일한 텍스트 크기 표시