Css frameworks-grid system 960

Фреймворк (від англ. Framework - каркас)

Ви можливо вже чули про CSS Frameworks таких як Blueprint, Grid System 960, Elastic і так далі. Також є думки що вони можуть бути гарною відправною точкою для розвитку власних робіт і значно скорочують час верстки шаблонів для web сайтів. Але так-ли це насправді? У цій статті ми розглянемо те, як використовувати CSS Frameworks на прикладі одного з найбільш популярних CSS фреймворків GridSystem 960.

І так CSS Frameworks - це інструмент який надає web - дизайнеру (розробнику) чітку архітектуру, засновану на досить точних записаних правилах, які дозволяють виконувати верстку шаблонів дизайну для web сайтів не починаючи з нуля.

GridSystem 960- являє собою в'язку таблиць стилів, які передбачають загальний контейнер розташований на сітці. Структура робить доступним дві стеки: перша сформована 12 колонками, а друга 16 колонками. В обох сітках шірена загального контейнера завжди залишається 960px.

Чому вибір розміру 960px?

Всі сучасні монітори підтримують до теперішнього часу мінімальний дозвіл 1024 × 768 пікселів. Цифра 960 є ділимо на 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192 , 240, 320 і 480. Це дає набагато більш гнучкі комбінації щодо вимірів колонок які можуть бути зроблені.

На зображеннях нижче ви можете бачити приклади двох сайтів які були зроблені з використанням двох різних сіток, перша з 12 колонками друга з 16.

Як використовувати рамки Grid System 960.

Вставити між тегами head