Basic

Hello, world! [h1 2.50rem 40px]

Hello, world! [h2 2.00rem 32px]

Hello, world! [h3 1.75rem 28px]

Hello, world! [h4 1.50rem 24px]

Hello, world! [h5 1.25rem 20px]
Hello, world! [h6 1.00rem 16px]

Hello, world! [p 1.00rem 16px]


Font Size Example

Hello, world! [font-size: 100%]

Hello, world! [font-size: 1rem]

Hello, world! [font-size: 16px]

Hello, world! [font-size: 2.50rem]

Hello, world! [font-size: 40px]

Hello, world! [font-size: 0.75rem]

Hello, world! [font-size: 12px]


Display Class
h1 태그에 display-1 클래스를 적용

h1 display-1: Hello, world!

h1 display-2: Hello, world!

h1 display-3: Hello, world!

h1 display-4: Hello, world!


p 태그에 display-1 클래스를 적용 (위와 동일하게 표시됨, 단 color 등의 기본 스타일을 지정하지 않을 경우 스타일을 상속받음.)

p display-1: Hello, world!

p display-2: Hello, world!

p display-3: Hello, world!

p display-4: Hello, world!