새로운 질서

체리 재배

의자에는 의자를 이루는 기본적인 구조가 있다.

책에는 책을 이루는 기본적인 구조가 있다.

웹사이트에는 웹사이트를 이루는 구조가 있다.

체리에는 체리를 이루는 기본적인 구조가 있다.

체리를 이루는 HTML의 구조

• 체리(cherry)
• 잎사귀(leaf)
• 꼭지(twig)
• 알맹이(kernel)

• 잎사귀, 꼭지, 알맹이는 체리를 이루는 기본적인 요소다.
• 각 요소를 가리키는 이름, 즉 기능적 목표가 CSS의 클래스명이 된다.

체리를 이루는 CSS 속성

• position
• z-index
• top, right, bottom, left
• transform
• width, height
• background-color
• background-image
• border-radius

배치

위계

위치

이동, 회전, 축소…

너비, 높이

배경 색

배경 이미지

경계선 곡률

cherry.zip