웹 사이트 디자인에 필요한 그리드 시스템, 박스 모델, 폰트 단위, 툴 별 행간 차이, Proportional 폰트, Monospace 폰트
웹 사이트 디자인에 필요한 그리드 시스템, 박스 모델, 폰트 단위, 툴 별 행간 차이, Proportional 폰트, Monospace 폰트 1. 그리드 시스템 그리드 시스템(Grid System) 정적인 인쇄 영역과 달리 다양한 스크린 크기에 대응하기 위한 규칙을 만들기 위해 사용 Column(컬럼) 실제로 콘텐츠를 포함하는 부분 컬럼의 너비는 콘텐츠가 스크린 크기에 맞춰질 수 있도록 고정값이 아닌 백분율로 결정 Gutter(거터) 컬럼과 컬럼 사이의 공간 거터의 너비는 브레이크포인트(반응형에 의해 레이아웃이 바뀌는 포인트)에 따라 결정 Margin(마진) 콘텐츠의 왼쪽 및 오른쪽 가장자리 사이의 공간(양쪽 여백) 반응형 웹에서는 일반적으로 12 컬럼 그리드 시스템을 사용 1, 2, 3, 4, 6 컬럼..
2024. 4. 5.
