00.틀의 생성과 분해

기록과 편집의 역사를 돌아보며 글자를 담아온 틀의 다양한 형태를 살펴봅니다.
틀은 시대와 매체에 따라 여러 형식으로 생성되고 변화하며, 사라지거나 새로운 형태로 이어집니다. 때로는 그 개념을 유지하고, 때로는 그 틀에서 벗어나기도 합니다.

01.한 방향으로 확장되는 틀

글을 하나의 바탕에 정렬하기 시작하면서부터 틀은 생겨났다.
글자를 정렬하고 읽기 쉽게 하며, 제한된 공간 안에 콘텐츠를 분배해 균형 있는 구성을 만들기 위한 방법이었다.
초기의 틀은 두루마리처럼 한쪽 방향으로 이어지는 형태였다. 정해진 폭 안에서 글이 놓일 영역을 설정하고, 내용이 이어질수록 그 공간을 한 방향으로 확장하며 기록했다.

화면을 스크롤해보세요

페이지를 클릭하여 넘기기

웹에서의 틀은 여러 단계로 구성된다

마진
보더
패딩
콘텐츠

종이와 책의 틀이 정해진 크기의 공간을 기준으로 했다면, 웹의 틀은 변화하는 화면을 기준으로 만들어진다. 마진, 보더, 패딩과 같은 여러 기준값을 활용해 콘텐츠가 놓일 영역과 요소 사이의 관계를 정의하고, 화면의 가로와 세로 크기에 따라 그 배치와 정렬을 변화시킨다. CSS는 이러한 공간의 관계를 코드로 정의하며, 고정된 하나의 틀이 아닌 변화에 대응하는 구조를 만들어낸다.