코딩팩토리
블로그 소개
브런치
네이버 블로그
방명록
분류 전체보기
(1054)
Languague
(247)
C , C++ , C#
(87)
Java
(108)
Python
(47)
Assembly
(3)
Web
(235)
Web Programming
(33)
HTML, CSS
(78)
JavaScript
(55)
Ajax
(4)
Jsp
(8)
Node.js
(2)
Mobile
(56)
Android
(26)
DB
(133)
Database Knowledge
(27)
Oracle
(75)
MSSQL
(29)
OS
(115)
Linux
(38)
Windows
(62)
ETC.
(147)
Spring
(9)
Unity
(2)
Algorithm
(38)
Design Pattern
(6)
IDE
(27)
Git
(9)
TextEditor
(5)
HardWare
(9)
바이브코딩
(3)
일상
(120)
자유여행
(6)
블로그
(33)
제품리뷰
(49)
2023/05/21(
1
)
Web/HTML, CSS
2023.05.21
[CSS] 반응형 웹 사이트 레이아웃 만들기 - 가변 그리드(Grid System)
웹 사이트의 레이아웃을 구성하는 방법이 여러 가지가 있겠지만 최근에는 그리드 시스템을 많이 사용합니다. 그리드 시스템은 웹 페이지의 레이아웃과 구성 요소를 조정하기 위한 구조적인 시스템으로 그리드를 사용하면 웹 페이지의 구성 요소를 일관되고 조화롭게 배치할 수 있습니다. 일반적으로 웹 사이트의 그리드 시스템은 열(column)과 행(row)으로 구성됩니다. 각 열은 일정한 너비를 가지고 있고, 이를 기준으로 콘텐츠를 배치합니다. 웹 그리드 시스템 웹 그리드 시스템은 주로 Column, Margin, Gutter로 구성되며 이 세 가지 요소의 비율을 조절하여 원하는 그리드를 구성할 수 있습니다. Margins 여백(Margins)은 콘텐츠 영역의 양 끝에 있는 공간으로, 여백의 넓이는 일정한 값으로 설정되..
1
티스토리툴바
