CSS 그리드 시스템이란 무엇입니까?

Question

주로 재설정, 내 프로젝트 구조 개선 등을위한 CSS 프레임 워크를 조사 중입니다.

(내가 사용하고있는) Html 상용구가 있습니다. 이제 청사진 및 960g와 같은 프레임 워크를 볼 수 있으며 그리드 기반 레이아웃이라고 주장합니다. 누군가 격자 기반 레이아웃이 무엇인지 설명 할 수 있습니까? 어떻게 작동합니까?

Answer 1

나는 을 NetTuts 이상으로 읽는 것이 좋습니다.

여기에있는 CSS 프레임 워크를 비교했을뿐만 아니라 질문에 대한 답변도 많이 들어 있습니다.

본질적으로 텍스트, 헤드 라인, 이미지 및 광고가 배치 될 수있는 일관된 단위로 수평 및 수직 공간을 나누는 격자에 해당합니다.

인쇄 게시 레이아웃 격자와 관련하여 첨부 된 링크에서 인용합니다. 그러나 웹 세상 (CSS) 그리드 시스템에서는 HTML 표 레이아웃 대신 복잡한 CSS 그리드 레이아웃을 만들 수 있습니다.

Answer 2

클래스 이름을 사용하여 다양한 크기의 격자로 요소를 구성 할 수있는 사전 정의 된 CSS 규칙 집합입니다.

아이디어를 얻는 가장 쉬운 방법은 960g의 청사진과 같은 것을 사용하는 것입니다.

Answer 3

상자를 그리드에 쉽게 배치 할 수 있습니다.

어떻게 작동하는지 보려면 http://960.gs/을 방문하고 이미지 위의 'show grid'버튼을 클릭하십시오.